tag is encountered."/> tag is encountered.">

Home >Web Front-end >Front-end Q&A >What is the css English code that forces no line breaks?

What is the css English code that forces no line breaks?

藏色散人
藏色散人Original
2023-01-28 15:45:302640browse

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.

What is the css English code that forces no line breaks?

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn