Div の改行と非改行の CSS の書き方を知っています。しかし、表のセルの場合、折り返しを防ぐことができる属性は nowrap という 1 つしかわかっていません。最近このニーズがあったのですが、nowrap を追加しても場合によっては改行が発生することがわかりました。残念ながら、改行を強制的に行わないようにする方法はありませんか?
CSS を使用してテーブルのセル データの自動行折り返しまたは折り返しなしを実現する方法:
1. 強制改行:
＜style type="text/css">
.AutoNewline
{
ワードブレイク: ブレークオール;/*必須*/
}
＜/スタイル＞
<テーブル>
＜tr＞
＜td class="AutoNewline">
自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ライン自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ 自動ラインラップ
＜/td＞
＜/tr＞
＜/テーブル＞
2. 強制的に改行を行わないようにします。
＜style type="text/css">
.NoNewline
{
ワードブレイク: keep-all;/*必須*/
}
＜/スタイル＞
<テーブル>
＜tr＞
＜td class="NoNewline">改行なし、改行なし、改行なし、改行なし、改行なし、改行なし、改行なし、改行なし、改行なし、改行なし＜/td ＞
＜/tr＞
＜/テーブル＞