Get the App
SLTechnology News&Howtos  ›  Development  › 

How to set the div horizontal scroll bar not to display by html

Shulou Source: shulou.com Published: 2022-06-02 01:44:17 10月27日 Update

This article editor for you detailed introduction of "html how to set div horizontal scroll bar does not display", detailed content, clear steps, details handled properly, I hope that this "html how to set div horizontal scroll bar does not show" article can help you solve doubts, the following follow the editor's ideas slowly in-depth, together to learn new knowledge.

In html, you can use the style and "overflow-x" properties to set the div horizontal scroll bar not to display. When the value of the property is set to "hidden", the horizontal scrolling mechanism is not provided, and the syntax is "".

The operating environment of this tutorial: windows10 system, HTML5 version, Dell G3 computer.

How to set the div horizontal scroll bar not to display by html

The overflow-x property specifies whether to clip the left / right edge content if it overflows the content area of the element.

The syntax is:

Overflow-x: visible | hidden | scroll | auto | no-display | no-content

The parameters are expressed as follows:

Examples are as follows:

123 div {width:110px;height:110px;border:thin solid black;overflow-y:hidden;} In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'

Overflow-x specifies whether to clip the left / right edge of the content.

Overflow-y specifies whether to clip the contents of the top / bottom edges

When the style= "overflow-x:hidden;" style is not added to the div element, the output is as follows:

The style is added in the above example, and the output is as follows:

Html, the full name of html, is a markup language that contains a series of tags. Through these tags, you can unify the format of documents on the network and connect scattered Internet resources into a logical whole. Html text is a descriptive text composed of html commands, and html commands can explain text, graphics, animation, sounds, tables, links, etc. Mainly used with css+js to build elegant front-end web pages.

Read this, the "html how to set div horizontal scroll bar does not display" article has been introduced, want to master the knowledge of this article also need to practice and use in order to understand, if you want to know more about the article, welcome to follow the industry information channel.

Tags: Horizontal content attributes articles edges clips elements commands text tags tags styles examples results grammar language output propriety elegance full name Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Shulou Technology macOS Apple Docker Linux