Wir wissen, wie man CSS für Div-Zeilenumbrüche und Nicht-Zeilenumbrüche schreibt. Aber für Tabellenzellen kennen wir nur ein Attribut, nowrap, das den Umbruch verhindern kann. Ich hatte dieses Bedürfnis vor kurzem, aber ich habe festgestellt, dass das Hinzufügen von nowrap in einigen Fällen immer noch Zeilenumbrüche verursacht! Gibt es leider keine Möglichkeit, keine Zeilenumbrüche zu erzwingen?
So verwenden Sie CSS, um den automatischen Zeilenumbruch oder Nichtumbruch von Tabellenzellendaten zu realisieren:
1. Erzwungener Zeilenumbruch:
＜style type="text/css"＞
.AutoNewline
{
Wortumbruch: alle umbrechen;/*erforderlich*/
}
＜/Stil＞
<Tabelle>
<tr>
＜td class="AutoNewline"＞
Automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch, automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch automatischer Zeilenumbruch
＜/td＞
＜/tr＞
＜/Tabelle＞
2. Keine Zeilenumbrüche erzwingen:
＜style type="text/css"＞
.NoNewline
{
Wortumbruch: keep-all;/*erforderlich*/
}
＜/Stil＞
<Tabelle>
<tr>
＜td class="NoNewline"＞Kein Zeilenumbruch, kein Zeilenumbruch, kein Zeilenumbruch, kein Zeilenumbruch, kein Zeilenumbruch, kein Zeilenumbruch, kein Zeilenumbruch, kein Zeilenumbruch, kein Zeilenumbruch, kein Zeilenumbruch＜/td ＞
＜/tr＞
＜/Tabelle＞