ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS での table-layout:fixed 属性の使用法

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

巴扎黑オリジナル: 2017-06-28 10:25:181775ブラウズ

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:

< td width="25%" class="td" nowrap>

abcdefghigklmnopqrstuvwxyz 1234567890

、そして p

CODE を使用してください:

CODE:

abcdefghigklmnopqrstuvwxyz 1234567890

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

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：CSSのhalayoutを徹底的に理解する次の記事：CSSのhalayoutを徹底的に理解する

関連記事

続きを見る

abcdefghigklmnopqrstuvwxyz 1234567890

はい IE と Firefox の両方でページ上の強制改行の問題を完全に解決できるソリューションです。

また、いくつかの情報を確認し続けました。重要なのは最初の行の幅だけなので、最初の行を定義できますか?

Colgroup 属性が見つかりました。
りー