Internet Explorer で「display: table-cell」の高さが一貫して機能しないのはなぜですか?

IE の表示に関する不一致: テーブルとセルの高さ

データ表示用のテーブルを動的に構築することを追求する中で、多くの開発者は表示プロパティ: テーブル、テーブル行、テーブルセル。このアプローチでは通常、ほとんどのブラウザーで期待どおりの結果が得られますが、IE では特有の不一致が発生します。

このテーブル レイアウトを実装すると、IE で共通の問題が発生します。つまり、表示用に設定された高さのプロパティ セット: テーブル セル要素が無視されます。これにより、意図した範囲外にコンテンツがあふれて、望ましい結果から逸脱する結果になります。

CanIUse は、IE8 でこれらの表示プロパティを完全にサポートすると提案していますが、実際の経験では、そうではないことが示されています。この問題は IE8 だけでなく、IE11 までのすべてのバージョンにも当てはまります。

CSS 2.1 仕様によれば、display: table-row 要素と display: table-cell 要素の高さのパーセンテージ値の動作は残ります。未定義。これにより、ブラウザ間で実装に不一致が生じる余地が残ります。その結果、相互運用性の保証がないため、純粋な CSS 回避策のみに依存することが問題になります。

IE8 との互換性については、IE8 で望ましい高さの動作を実現するには、JavaScript または非 CSS ベースのアプローチが必要であることが明らかです。表のセル。 Microsoft Connect で問題を提起すると意識が高まる可能性がありますが、動作の変更が実装されるまでは、代替ソリューションを検討する必要があります。

以上がInternet Explorer で「display: table-cell」の高さが一貫して機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。