なぜオーバーフロー：隠されていない

オーバーフローでは機能しません：hiddenは、要素内のオーバーフローコンテンツを非表示にするためによく使用されます。ただし、

要素に適用すると、予想どおりに機能しない場合があり、テキストの切り捨ての代わりにセルの拡張につながる可能性があります。 ：

table -layout：sixed
• - このプロパティは、テーブルに固定幅があり、個々のセルがそれを超えて成長しないようにします。
ホワイトスペース：nowrap
• - このプロパティは、テキストが複数の行に壊れるのを防ぎ、指定されたセル幅内に残ることを保証します。 次のHTMLおよびCSSスニペットを検討してください：

this_is_a_terrible_example_of_thinking_outside_the_box。

* { ボックスサイズ：ボーダーボックス; } テーブル { Table-layout：修正; 国境崩壊：崩壊; 幅：100％; 最大幅：100px; } TD { 背景：＃f00; パディング：20px; オーバーフロー：隠し; ホワイトスペース：nowrap; 幅：100px; ボーダー：ソリッド1px＃000; } この例では、テーブル要素の固定最大幅は100pxで、

要素の幅は100pxです。セル内のテキストは、指定された幅を超えて隠されます。