Heim >Web-Frontend >Front-End-Fragen und Antworten >So erreichen Sie Englisch ohne Zeilenumbrüche in CSS
So erreichen Sie den Schutz der englischen Sprache in CSS: Erstellen Sie zunächst eine HTML-Beispieldatei und fügen Sie anschließend das Attribut „white-space:nowrap;“ hinzu.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
CSS erzwingt englische, chinesische Zeilenumbrüche und keine Zeilenumbrüche
Beim Entwerfen und Erstellen von HTML werden Sie auf das Problem stoßen, dass CSS englische, chinesische Zeilenumbrüche und keine Zeilenumbrüche erzwingt. Dadurch können Sie sich die entsprechenden Kenntnisse aneignen Artikel.
Struktur:
1.Transshipment Booking System funktioniert nur auf Englisch und verwendet Buchstaben als Zeilenumbrüche
2.Transshipment Booking System funktioniert nur auf Englisch und verwendet Wörter als Zeilenumbrüche
3.Transshipment Booking System funktioniert funktioniert nur auf Chinesisch, mit erzwungenen Zeilenumbrüchen
4. Das Transshipment Booking System wird mit erzwungenen Zeilenumbrüchen gestartet, alles funktioniert
5 Ohne Zeilenumbrüche wird der überschüssige Teil ausgeblendet und in Form von Ellipsen angezeigt
5. Ohne Zeilenumbrüche, darüber hinaus. Teilweise ausgeblendet und in Form von Auslassungspunkten angezeigt. Das Transshipment Booking System wird gestartet als Zeilenumbrüche*/
.p2{ word-wrap:break-word; width:150px;}/*--Funktioniert nur auf Englisch, wobei Wörter als Grundlage für Zeilenumbrüche verwendet werden*/
.p3{white-space :pre-wrap; width:150px ;}/*Funktioniert nur für Chinesisch, erzwungener Zeilenumbruch*/
.p4{white-space:nowrap; width:10px;}/*Erzwungen ohne Zeilenumbruch, funktioniert für alle Typen* /
.p5{white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}//*Kein Zeilenumbruch, der überschüssige Teil wird ausgeblendet und erscheint in Form von Ellipsen*/
1. word-break:break-all; funktioniert nur auf Englisch, wobei Buchstaben als Basis für Zeilenumbrüche verwendet werden
2 3.{white-space:pre-wrap; funktioniert nur auf Chinesisch, erzwingt Zeilenumbrüche
4.{white-space:nowrap; erzwingt keinen Zeilenumbruch, alles funktioniert
5.{white-space:nowrap; :hidden; text-overflow:ellipsis; kein Zeilenumbruch, der überschüssige Teil wird ausgeblendet und in Form von Auslassungspunkten angezeigt.
Beachten Sie, dass Sie die Breite des Containers angeben müssen, sonst ist er nutzlos.
Beachten Sie, dass Wortumbrüche eine exklusive Eigenschaft von IE5+ sind. Dieses Verhalten stimmt mit Asien überein. Die normale Sprache ist dieselbe. 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. Geeignet für nicht-asiatischen Text, der eine kleine Menge asiatischen Text enthält.
Beschreibung:
Legt das Umbruchverhalten innerhalb eines Wortes für Text innerhalb eines Objekts fest oder ruft es ab. Vor allem, wenn mehrere Sprachen auftauchen.
Für Chinesisch sollte Break-All verwendet werden.
【Empfohlenes Lernen:
CSS-Video-Tutorial】
Das obige ist der detaillierte Inhalt vonSo erreichen Sie Englisch ohne Zeilenumbrüche in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!