What is the overflow-x attribute style in css
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!
