Shulou(Shulou.com)05/31 Report--

This article mainly introduces the css how to cancel the horizontal scroll bar related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that after reading this css how to cancel the horizontal scroll bar article will have a harvest, let's take a look at it.

Css can cancel the horizontal scroll bar, just add the overflow-x attribute to the parent element of the scroll bar, and set the attribute value to "hidden", and the syntax is "parent element {overflow-x: hidden;}"; this method can be set to cut the content directly without providing a scrolling mechanism when the content overflows the left or right edge.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Css can cancel the horizontal scroll bar.

In css, you can use the overflow-x property to delete the horizontal scroll bar.

The overflow-x attribute specifies whether the left / right edge of the content is cropped when the element overflows the content area.

When the property value is set to "hidden", it is set to crop the content directly without providing a scrolling mechanism when the content overflows the left or right edge.

Example:

Div {width: 1400px;} very long content.

You can see that the horizontal scroll bar appears.

To hide the scroll bar, we can set the overflow-x attribute to the parent element of the scroll bar element (overflow element). This is the body element.

Body {overflow-x: hidden;}

You can see that the scroll bar on the page is gone.

Description: this method hides the scroll bar, when the content is very long, it will hide part of the content, because to consider, it is best to set a maximum width, let it automatically wrap.

Body {overflow-x: hidden; max-width: 1000px;} this is the end of the article on "how to cancel the horizontal scroll bar in css". Thank you for reading! I believe you all have a certain understanding of the knowledge of "how to cancel the horizontal scroll bar in css". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.