Ausführliche Erklärung zum Umbrechen oder Nichtumbrechen von p-Tag-Text und zum Ausblenden von Text in HTML

Wenn wir unsere Webseiten gestalten, verwenden wir normalerweise den p-Tag, der chinesischen Text oder Text aus anderen Ländern enthält. Sprechen wir über den Textumbruch des p-Tags und erzwingen, dass der Text nicht umbrochen wird:
1. Englischer Zeilenumbruch

Div p{ word-break:break-all; width:150px;}/*只对英文起作用，以字母作为换行依据*/
Div p{ word-wrap:break-word; width:150px;}/*--只对英文起作用，以单词作为换行依据*/

Beachten Sie, dass englische Wörter manchmal ein Ganzes sind und nicht getrennt werden können! ! !
2. Chinesische Zeilenumbrüche und keine Zeilenumbrüche erzwungen

Div p{white-space:pre-wrap;width:150px;}/*只对中文起作用，强制换行*/
Div p{white-space:nowrap;width:10px;}/*强制不换行，都起作用*/

3. Keine Zeilenumbrüche und Ausblenden von Text über die Breite hinaus erzwungen

.p5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100px;}／/*不换行，超出部分隐藏且以省略号形式出现*/

Auf jeden Fall Bitte beachten Sie, dass im div- oder p-Tag eine Breite vorhanden sein muss, bevor es umbrochen werden kann, sonst hat es keine Wirkung! ! !

Parameter:
normal: Gemäß den Textregeln asiatischer und nicht-asiatischer Sprachen sind Zeilenumbrüche innerhalb von Wörtern erlaubt
break- alle: DasVerhalten ist das gleiche wie bei asiatischen Sprachen üblich. Pausen innerhalb eines beliebigen Wortes einer Textzeile in einer nicht-asiatischen Sprache sind ebenfalls zulässig. Dieser Wert eignet sich für asiatischen Text, der nicht-asiatischen Text enthält.
keep-all: Gleich wie normal für alle nicht-asiatischen Sprachen. Für Chinesisch, Koreanisch und Japanisch sind Wortumbrüche nicht zulässig. Gut für nicht-asiatischen Text mit einer kleinen Menge asiatischem Text

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zum Umbrechen oder Nichtumbrechen von p-Tag-Text und zum Ausblenden von Text in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!