テーブルの幅を固定する方法 table-layout:fixed

今回はテーブルの幅を固定する方法を紹介しますtable-layout:fixed、テーブルの幅を固定する table-layout:fixedの注意点とは何ですか？見てください。

表が画面 (残りの空白領域) に収まるようにするには、その幅属性が 100% として定義されることが多く、セルもパーセンテージとして定義されます。

しかし、これは問題を引き起こします。セル内のテキストが幅の制限を超えると、テキストは自動的に折り返され、高さが自動的に増加するため、表全体のスタイルが不均一になり、見苦しくなります。

簡単な解決策は、テキストの折り返しを無効にすることです: white-space:nowrap; overflow:hidden;

それでも、その効果は予想外です。テキストはすべて 1 行で表示されます。自動的に拡張され、親コンテナを超えても、オーバーフローはまったく影響しません。

何が起こっているのですか？ 割合のせいでしょうか？ しかし、staticの固定幅を使用すると、テーブルの柔軟性が失われます。

それ以来、私は究極の解決策を簡単に見つけました: 固定テーブル幅: テーブルレイアウト: 固定;

参考までに、簡単なレンダリングを作成しました:

ご覧になったと思います。このような場合の方法については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連書籍:

HTML ドロップダウン メニューで選択した値を保持し、送信後にデフォルト値に戻らないようにする方法

異なるブラウザーでの分割線 hr の違いは何ですか

以上がテーブルの幅を固定する方法 table-layout:fixedの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。