自動行折り返しの問題、通常の文字の行折り返しは合理的ですが、連続した数字や英語文字はコンテナを拡張することが多く、これは非常に面倒です。 以下は、CSS が行折り返しを実装する方法です。
code.wrap
{テーブルレイアウト:固定; ワードブレイク: オーバーフロー: 非表示;
ここでオーバーフロー: 非表示または自動。
================================================= ===============
div や p などのブロック レベルの要素の場合、通常のテキスト (アジア テキストおよび非アジア テキスト) 要素の行折り返しにはデフォルトの空白 (normal) があり、定義された幅の後で自動的に折り返されます。
html
1. (IE ブラウザ) 連続した英数字の場合は、word-wrap:break-word; または word-break:break-all; を使用します。
#wrap{ワードブレイク:ブレイクオール幅:200ピクセル;}
を破る
または
#wrap{word-wrap:break-word; width:200px;}
効果: 改行が可能になります。
2. (Firefox ブラウザ) 連続した英字とアラビア数字の改行Firefox のすべてのバージョンではこの問題は解決されません。境界を越えて文字を非表示にするか、コンテナにスクロール バーを追加することしかできません。
#wrap{word-break:break-all; width:200px; overflow:auto;}
テーブルの
コンテンツは非表示になります。
http://www.knowsky.com/
1. (IE ブラウザ) table-layout:fixed; を使用してテーブルの幅を強制し、余分なコンテンツを非表示にします
abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss |
効果: 冗長なコンテンツを非表示にします。
2. (IE ブラウザ) table-layout:fixed を使用してテーブルの幅を強制し、内側の TD を使用します。word-break:break-all または word-wrap:break を使用します。 -word ;改行
abcdefghigklmnopqrstuvwxyz 1234567890 | abcdefghigklmnopqrstuvwxyz 1234567890 |
効果: 行の折り返しが可能です。
3. (IE ブラウザ) td に div、p などを入れ子にし、上記の div と p の行折り返しメソッドを使用します
。 4. (Firefox ブラウザ) table-layout を使用します: 修正; テーブルの幅、内側の td を強制するには、word-break: Break-all; または word-wrap: Break-word; を使用して、余分なコンテンツを非表示にします。 ; ここでは機能しません
効果: コンテンツ以外を非表示にする
5. (Firefox ブラウザー) divs、p などを td、th に入れます。 Firefox でコード ボックスを実行するには、上記の方法を使用します。発生する可能性は非常に小さいですが、ネチズンによるいたずらの可能性は否定できません。
以下は、前述の例http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
の効果です
。dtd ">
http://www.w3.org/1999/xhtml ">
<頭>