IE7 不理解显示:inline-block [英] IE7 does not understand display: inline-block

查看：34
本文介绍了IE7 不理解显示:inline-block的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

有人可以帮我解决这个错误吗?使用 Firefox 可以正常工作，但使用 Internet Explorer 7 则不行.好像没看懂display:inline-block;.

html:

<h2>...</h2>

css:

.frame-header {高度:25px；显示:内联块；}

解决方案

IE7的display:inline-block;hack如下:

display: inline-block;*显示:内联；缩放:1；

默认情况下，IE7 仅支持自然 inline 元素上的 inline-block (Quirksmode 兼容性表)，因此您只需要对其他元素进行此 hack.

zoom: 1 是否可以触发 hasLayout 行为，我们使用 star 属性 hack 将 display 设置为 inline 仅在 IE7 及更低版本中(较新的浏览器不适用).hasLayout 和 inline 一起基本上会触发 IE7 中的 inline-block 行为，所以我们很高兴.

此 CSS 不会验证，并且无论如何都会使您的样式表混乱，因此通过 条件注释使用仅 IE7 的样式表 可能是个好主意.