為什麼「display: inline-block」需要針對 Internet Explorer 6 和 7 進行修改？

跨平台相容性問題：Internet Explorer 6 和7 中的內聯區塊

顯示：inline-block 屬性，旨在模擬模擬內嵌具有區塊狀顯示屬性的元素在Internet Explorer 版本6 和7 中面臨相容性挑戰。與自然內聯元素不同，非內聯元素像 div 這樣的元素需要進行特定修改才能實現內聯塊行為。

Internet Explorer 6 和7 的解決方案：

要克服此相容性問題，需要額外的CSS補充display: inline-block屬性為非內聯elements:

#yourElement {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

• display: inline-block: 建立所需的顯示行為。
• *display: inline: A針對 IE7 及更早版本的「安全」CSS hack。
• 縮放： 1: 在 IE6/7 中提供 hasLayout，這是 inline-block 一致工作所必需的。

附加說明：

• 此解決方法可維護有效的 CSS，特別是與特定於供應商的前綴結合使用時。
• 有關顯示的詳細資訊：inline-block 及其複雜性，請參閱相關文件。

以上是為什麼「display: inline-block」需要針對 Internet Explorer 6 和 7 進行修改？的詳細內容。更多資訊請關注PHP中文網其他相關文章！