在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所必需的)。



