How to use the line wrapping word-wrap attribute in css

Editor to share with you how to use the automatic line wrapping word-wrap attribute in css, I believe most people do not know much about it, so share this article for your reference. I hope you will gain a lot after reading this article. Let's go to know it together.

1. Code

Css forces line wrapping of CSS5 instance .bos {width:200px; height:80px; border:1px solid # F00; word-wrap: break-word;} 83480348023802ufjflsjfds843820483048jfdljfsl

Set the width of the equipment class=bos object, the border, and put a series of pen and ink and digital mode inside. If you do not set up the equipment word-wrap: break-word major browser to observe the first picture at the beginning of this tutorial article to see continuous digital content without wrapping higher than the overflow box.

Here, the object is set to word-wrap: break-word to force line breaks.

2. The reader tests whether the screenshot can be wrapped.

3, summary in the past, the old IE dabbling device is like IE6 does not approve, but at that time a large part of all google browsers, with the computer trivial downgrade all use a higher IE browser, or other brand readers, so most of them are compatible with this css automatic line wrapping attribute word-wrap technique, everyone is generally determined to use.

The above is all the content of the article "how to use the line wrapping word-wrap attribute in css". 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!