tag is encountered."/> tag is encountered.">
Home > Article > Web Front-end > What is the css English code that forces no line breaks?
The English code for css to force no line breaks is "white-space:nowrap;", where the "white-space" attribute specifies how to deal with the blanks within the element, and the nowrap attribute value indicates that the text will not wrap, and the text will Continue on the same line until you encounter the 0c6dc11e160d3b678d68754cc175188a tag.
The operating environment of this tutorial: Windows 10 system, css3 version, DELL G3 computer
What is the code for css to force no line breaks in English?
CSS code for forced line breaks and non-line breaks in English and Chinese
1. word-break:break-all; only works in English, with letters As the basis for line break
2. word-wrap:break-word; only works in English, using words as the basis for line break
3. white-space:pre-wrap; only works in Chinese Function, force line break
4. white-space:nowrap; Force no line break, it will work
5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis; No Line wrap, the excess part is hidden and appears in the form of ellipses
Note: Be sure to specify the width of the container, otherwise it will be useless.
Example
.p1{ word-break:break-all; width:150px;} .p2{ word-wrap:break-word; width:150px;} .p3{white-space:pre-wrap; width:150px;} .p4{white-space:nowrap; width:10px;} .p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}
word-break Syntax
word-break : normal | break-all | keep-all
Parameters:
normal: According to the text rules of Asian and non-Asian languages, allowed within the word Line break
break-all: This behavior is the same as normal for Asian languages. Breaks within any word of a line of non-Asian language text are also allowed. This value is suitable for Asian text that contains some non-Asian text
keep-all : Same as normal for all non-Asian languages. For Chinese, Korean, and Japanese, word breaks are not allowed. Suitable for non-Asian text that contains a small amount of Asian text
Recommended learning: "css video tutorial"
The above is the detailed content of What is the css English code that forces no line breaks?. For more information, please follow other related articles on the PHP Chinese website!