Shulou(Shulou.com)06/03 Report--

This article shares with you the content of a sample analysis of content overflows in CSS3. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

CSS3 content overflow property

Every element in CSS is treated as a box, and this box is a container. Containers can be divided into sizes. If you specify the width and height of the box in the style, there may be no room for some content in the box. At this point, you can use the overflow property to specify how to display the content that cannot be contained in the box. The overflow attribute is a feature in the CSS2.1 specification, while the overflow-x and overflow-y attributes are added to CSS3.

Overflow-x is mainly used to define the clipping of horizontal content overflow, while overflow-y is mainly used to define the clipping of vertical content overflow.

As with the overflow property parameter, different values of the overflow-x and overflow-y properties play a different role.

-visible: default value. Means that nothing in the container is cut, no scroll bars are added, the element will be cut to the size of the window that contains the object, and the clip property setting will be invalidated.

Http:/ / www.iis7.com/b/plc/

-auto: cut the content and add scroll bars as needed. That is to say, when the content exceeds the width or height of the container, the overflowed content will be hidden in the container, and a scroll bar will be added, and the user can drag the scroll bar to view the content hidden in the container.

-hidden: when content overflows the container, everything is hidden and no scroll bars are displayed.

-scroll: regardless of whether there is an overflow container or not, overflow-x will display a horizontal scroll bar, while overflow-y will display a vertical scroll bar.

-no- display: the element is not displayed when the content overflows the container, which is similar to the display: none declaration added to the element.

-no- content: the content is not displayed when the content overflows the container, which is similar to adding the visibility: hidden declaration.

Thank you for reading! This is the end of this article on "sample Analysis of content spillovers in CSS3". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

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.