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

Editor to share with you how to use the word-wrap attribute in Css3, I believe 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!

1. Definition

The word-wrap attribute allows long words or URL addresses to wrap to the next line.

2. Syntax and parameters

Word-wrap:normal (default) | break-word normal: allows content to top open the specified container boundary. If the word is too long, it will rush out of the boundary (displayed on the current line, no line breaks). Break-word: the content will wrap within the boundary, and when the word cannot fit on the current line, it will automatically switch to the next line and trigger word-break if necessary (note: please distinguish between word-break and break-word, one is the attribute and the other is the parameter). Note: all browsers can recognize it.

3. Description

Word-wrap controls whether the line is broken for words, and sets or retrieves whether the current line breaks the line break when it exceeds the boundary of the specified container. There is no problem with Chinese and English sentences. But for a long list of English, it doesn't work.

4. Examples

The word congratulation belongs to a long list of English, word-wrap:break-word the whole word as a whole, if the end of the line is not wide enough to show the whole word, it will automatically put the whole word on the next line, instead of truncating the word, this is the explanation for the long string of text does not work. Word-wrap:normal is the default, English words are not taken apart.

5. Summary

The scope of action is only for standard block-level elements such as div, while table elements such as th,td are recognized but have no effect (if td,th plus width word-wrap can work under IE, but from the point of view of full compatibility and convenient memory, the previous conclusion prevails).

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