HTML の内部マークアップを使用してテーブルのセルの高さを制御する方法

内部マークアップを使用して表のセルの高さを制御する

HTML では、表のセルはコンテンツから高さを継承します。固定幅の表のセルを扱う場合、テキストが長すぎるとセルが必要な高さを超えて拡張される可能性があります。

次の例を考えてみましょう。

<div>

ご覧のとおり、表は高さを明示的に 100 ピクセルに設定した場合でも、セルの高さは長いテキストに合わせて拡張されます。

この問題に対処するには、次のようにします。内部マークアップのトリック。 div 要素内でテキストをラップし、必要な高さと div の overflow: hidden プロパティを指定することで、セルの高さを効果的に制限し、オーバーフローしたテキストを非表示にすることができます。

<div>

この変更により、テーブルがセルの高さは 100 ピクセルのままですが、内側の div はテキストの高さを制限し、テキストが境界を越えて拡大するのを防ぎます。

以上がHTML の内部マークアップを使用してテーブルのセルの高さを制御する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。