IE7不理解显示：内联块

小编典典

IE7不理解显示：内联块

html

有人可以帮我解决这个错误吗？使用Firefox可以正常工作，但是不能使用Internet Explorer 7。好像看不懂了display: inline-block;。

HTML：

<div class="frame-header">
    <h2>...</h2>
</div>

CSS：

.frame-header {
    height:25px;
    display:inline-block;   
}

阅读 373

2020-05-10

共1个答案

小编典典

IE7 display: inline-block;黑客如下：

display: inline-block;
*display: inline;
zoom: 1;

默认情况下，IE7仅支持inline-block自然inline元素（Quirksmode兼容性表），因此您仅需要针对其他元素进行破解。

zoom:1是在那里触发hasLayout行为的，我们使用star属性hackdisplay来inline仅将IE7及更低版本中的设置为（新的浏览器将不应用此功能）。hasLayout并且inline基本上可以一起触发inline- blockIE7中的行为，因此我们很高兴。

该CSS将无法验证，并且可能使您的样式表变得混乱，因此通过条件注释使用仅IE7的样式表可能是一个好主意。

<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->

2020-05-10