CSS での table-layout:fixed 属性の使用法

table-layout:fixed 属性の使用法:
固定サイズのテーブルが必要で、内部のテキストが強制的に折り返される場合（特にスペース区切りのない英語テキストの長い文字列の場合） 、長すぎるテキスト

が表を壊すのを防ぐという目的を達成するために、一般的にスタイルが使用されます: table-layout:fixed。ただし、Firefox では、いくつかの問題が発生する可能性があります。Gmail の実践方法を参照し、いくつかの

テストを実行して、解決策を考えてください。

例 1: (IE ブラウザ) 通常の状況

CODE:

< ;/ tr>

abcdefghigklmnopqrstuvwxyz 1234567890

width=80 が機能せず、テーブルが文字によって引き伸ばされていることがわかります。

例 2: (IE ブラウザ) スタイル table-layout:fixed を使用します

CODE:

abcdefghigklmnopqrstuvwxyz 1234567890

width=80 は機能しますが、テーブルが折り返されます。

例 3: (IE ブラウザ) スタイル table-layout:fixed と nowrap

CODE:

abcdefghigklmnopqrstuvwxyz 1234567890

width=80 は機能しました、改行はありますも削除されました。


例 4: (IE ブラウザ) 数値を使用して TD サイズを固定する場合は、スタイル table-layout:fixed および nowrap を使用します

CODE:

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklm nopqrstuvwxyz 1234567890< ;/td>

残念ながら、最初の td の nowrap は機能しません


例 5: (IE ブラウザ) パーセンテージを使用して td サイズを固定スタイル table-layout:fixed with nowrap を使用します

CODE:



0

abcdefghigklmnopqrstuvwxyz 1234567890

変更されましたにパーセンテージ、やっと理解できました

例 6: (Firefox ブラウザー) TD サイズを固定するためにパーセンテージを使用する場合は、スタイル table-layout:fixed と nowrap 効果を使用します: 例 5 を Firefox の下に置きますが、また失敗しました

例 7: (Firefox ブラウザー) ) パーセントを使用して TD サイズを固定する場合は、スタイル table-layout:fixed および nowrap を使用し、p
CODE:

abcdefghigklmnopqrstuvwxyz 1234567890

、そして p

CODE を使用してください:


CODE:

abcdefghigklmnopqrstuvwxyz 1234567890

&g t;

abcdefghigklmnopqrstuvwxyz 1234567890

はい IE と Firefox の両方でページ上の強制改行の問題を完全に解決できるソリューションです。 また、いくつかの情報を確認し続けました。重要なのは最初の行の幅だけなので、最初の行を定義できますか? Colgroup 属性が見つかりました。 りー

以上がCSS での table-layout:fixed 属性の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。