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

This article mainly introduces what the overflow-x attribute style in css is, which can be used for reference by interested friends. I hope you can learn a lot after reading this article, so let's take a look at it with you.

Overflow-x is an overflow pattern, which is seldom used on weekdays. It is important for overflow-x to set the concealment overflow overwidth mode (such as overwidth image) and to set the turning bar at the bottom of the object.

Overflow-x Grammar and basic understanding

1. Overflow-x can be set.

Overflow-x: visible | auto | hidden | scroll

Introduction to value and explanation:

Visible: do not cut the content or add a migration transition bar.

Auto: this is the default value for body objects and textarea.

Hidden: patterns that do not emerge beyond the width of the object

Scroll: always reveal the performance of the horizontal turn bar

Overflow-x grammar analysis diagram

2. Use small instances to hide patterns that exceed the span width.

P {width:300px;overflow-x:hidden}

Configuration hides the P tag more than the width of 300px content, because calligraphy will usually passively wrap, long-term setting is to prevent too wide (beyond the width of 300px) picture, ambush more than 300px picture mode, such a symbol but the picture width beyond 300px, will only show 300px width content, too wide will be ambushed (in the past will overflow or break the p tag).

3. An example of setting the equipment horizontally at the bottom of the object.

Example DIV CSS code:

Overflow-x turning bar CSS5.scroll-exp {width:300px;overflow-x:scroll} bottom appears a scroll bar at the bottom of the turning bar thank you for reading this article carefully. I hope the article "what is the overflow-x attribute style in css" shared by the editor will be helpful to you. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.