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

This article mainly introduces the relevant knowledge of "how to use the word-wrap of css". The editor shows you the operation process through the actual case. The operation method is simple, fast and practical. I hope this article "how to use the word-wrap of css" can help you solve the problem.

I. introduction to word-wrap

Word-wrap is to set whether the text within the object should be organized by wrapping when it touches the top edge of the object.

1. Grammar

Word-wrap:normal-- allows the mode to open the specified container frontier and encounters a series of spaces without spaces in English or without space numbers without line wrapping (default, there is also a default format if you do not set objects)

Word-wrap:break-word-content will wrap in the hinterland, and when too many forms reach the object gap, the model will actively and voluntarily change the line.

2. Experience of thinking and emptiness

When there are too many numbers or letters in the object, the object container at the top of the content does not wrap, but the overflow persists without line wrapping. If there is a space difference between the Chinese characters and the Chinese characters, the Chinese characters will freeze the container and actively break the lines.

Numbers or letters cause non-passive line wrapping.

3. Applied grammar

P {word-wrap:break-word}

Configure the marginal passive line wrapping of the container of the pen and ink vertex object in the html paragraph p.

Second, passive line wrapping word-wrap attribute instance tutorial

1. Code

Css forces CSS5 instances to wrap. Bos {width:200px; height:80px; border:1px solid # F00; word-wrap: break-word;}

83480348023802ufjflsjfds843820483048jfdljfsl

Configure the width of the class=bos object, the border, and put it in successive text and numeric forms from time to time. If you do not configure word-wrap: break-word big key hunter, you can see that the first picture of the first step of this tutorial article shows that the continuous digital pattern does not wrap more than cross the overflow box.

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

This is the end of the content about "how to use the word-wrap of css". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

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.