内联块在Internet Explorer 7、6中不起作用

内联块在Internet Explorer 7、6中不起作用

在IE6 / IE7中，

display: inline-block

仅适用于 自然 内联的元素（例如

span

）。

要使其在诸如的其他元素上起作用

div

，您需要这样做：

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

*display: inline

使用“安全” CSS hack 仅适用于IE7及更低版本。

对于IE6 / 7，

zoom:1

提供hasLayout。拥有“布局”是

display:inline-block

始终工作的前提。

可以在保留有效CSS的情况下应用此变通办法，但实际上不值得考虑，特别是如果您已经在使用任何供应商前缀属性。

以获取有关的更多信息

display: inline-block

（但是，请忘记了

-moz-inline-stack

，这仅是现在较古老的Firefox 2所必需的）。