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

Editor to share with you how to do CSS overflow, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

What is spillover? If you specify the width and height of the box in the style, it is possible that something will not fit in the box.

CSS overflow handling

In view of this situation, we can use the overflow attribute to specify how to display the content that cannot be contained in the box as well as the properties related to overflow and overflow-x,overflow-y,text-overflow properties, which were originally developed by Internet Explorer browsers alone, but are supported by other browsers because they are adopted in CSS3. This property is defined in css2 and is now Firefox,Safari,Opera,Internet Explorer. For the support of chrome browser, let's first take a look at the code www.itbool.com div {width: 200px. Height: 200px; border: 1px solid black;} www.zixue.it

Test text test text test text Word test text Word test text

If the overflow attribute is added to the style code of the div element, and the attribute value is set to hidden, the text that is out of range will be hidden, and the modified code style of div is as follows: Document div {width: 200px; height: 200px; border: 1px solid black; overflow: hidden;}

If the property value of overflow is set to scroll, div will have a fixed scroll bar. When the text is out of the range of the div element, you can drag the scroll bar to display the content, as follows: Document div {width: 200px; height: 200px; border: 1px solid black; overflow: scroll;}

If the attribute of overflow is set to auto, a scroll bar will appear when the text is beyond the scope of the div element, but will there be a scroll bar when the text does not exceed the scope of the div element, the sample code is as follows: Document div {width: 200px; height: 200px; border: 1px solid black; overflow: auto;} so later you can choose the relevant overflow handling, you can use overflow to operate, there will be the effect you want.

The above is all the content of the article "what to do with CSS overflow". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, 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.