固定テーブル幅のテーブル レイアウト:fixed_HTML/Xhtml_webpage の制作

WBOY
リリース: 2016-05-16 16:37:48
オリジナル
1248 人が閲覧しました

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

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

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

それでも効果は予想外です。幅は親コンテナを超えても自動的に拡大され、オーバーフローはまったく影響しません。

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

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

ちなみに、参考のために簡単なレンダリングを作成しました:

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート