Heim  >  Artikel  >  Web-Frontend  >  CSS automatischer Zeilenumbruch

CSS automatischer Zeilenumbruch

高洛峰
高洛峰Original
2016-10-19 10:16:051710Durchsuche

Methode 1: Legen Sie zunächst die Breite der Tabelle fest, d. h. geben Sie der Tabelle einen Breitenwert (numerischer Wert, kein Prozentsatz)

Methode 2 : Keine Zeilenumbrüche erzwingen

 div{//white-space: kein Zeilenumbruch, normaler Standardwert; space:nowrap; }

Methode 3: Automatischer Zeilenumbruch

div{ word-wrap: break-word; //word-break legt erzwungenen Zeilenumbruch fest; normale Textregeln für asiatische Sprachen und nicht-asiatische Sprachen, erlaubt Wortumbruch: normal }

Methode 4: Englisch erzwingen Wortzeilenumbruch

div{word-break:break- all;}

Hinweis:

definiert den folgenden Satz in CSS, um zu verhindern, dass die Webseite „gedehnt“ wird :

table{table-layout: Fixed;}td(word-break: break-all; word-wrap:break- Wort;)

Verhindern Sie, dass Tabellen/Ebenen „gedehnt“ werden, und stellen Sie gleichzeitig sicher, dass einzelne englische Wörter beim Zeilenumbruch nicht geteilt werden:

table { table-layout: Fixed;word-wrap:break-word;}

div { word-wrap:break-word;}

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn