為什麼「display: table-cell」高度在 Internet Explorer 中運作不一致？

IE 與顯示不一致：表格單元格高度

為了動態構建用於資料顯示的表格，許多開發人員依賴顯示屬性：表格、表格行和表格儲存格。雖然這種方法通常會在大多數瀏覽器中產生預期結果，但 IE 會出現特殊的不一致。

在實現此表格佈局時，IE 中會出現一個常見問題：為顯示設定的高度屬性：表格單元格元素被忽略。這會導致與預期結果的偏差，內容溢位超出其預期範圍。

儘管 CanIUse 建議在 IE8 中完全支援這些顯示屬性，但實際經驗卻表明情況並非如此。該問題不僅存在於 IE8 中，而且擴展到 IE11 之前的所有版本。

根據 CSS 2.1 規範， display: table-row 和 display: table-cell 元素中高度百分比值的行為仍然存在不明確的。這為跨瀏覽器的實作留下了不一致的空間。因此，僅依靠純 CSS 解決方法就會出現問題，因為無法保證互通性。

對於 IE8 相容性，很明顯，JavaScript 或基於非 CSS 的方法對於實現所需的高度行為是必要的表格單元格。在 Microsoft Connect 上提出問題可能會提高人們的意識，但在行為改變之前，必須探索替代解決方案。

以上是為什麼「display: table-cell」高度在 Internet Explorer 中運作不一致？的詳細內容。更多資訊請關注PHP中文網其他相關文章！