为什么'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中文网其他相关文章！