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

This article mainly introduces how to use the text-wrap attribute in css, with a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

CSS3text-wrap attribute

What it does: the text-wrap attribute specifies the wrapping (wrapping) rule of the text.

Syntax:

Text-wrap:normal | none | unrestricted | suppress

Normal: line feeds are performed only at allowed line breaks.

None: no line breaks. Text that cannot be contained in the element will overflow.

Unrestricted: wrap lines between any two characters.

Suppress: line breaks in compressed elements. The browser wraps only when there are no other valid line wrapping points in the line.

Note: the text-wrap attribute is not supported by mainstream browsers at present.

An example of using the CSS3text-wrap attribute

P.test1

{

Width:11em

Border:1pxsolid#000000

Text-wrap:none

}

P.test2

{

Width:11em

Border:1pxsolid#000000

Text-wrap:normal

}

This paragraph contains some text. The text on this line does not wrap to the next line.

This paragraph contains some text. The text on this line wraps normally. .

Thank you for reading this article carefully. I hope the article "how to use text-wrap attributes in css" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.