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- block
IE7中的行为,因此我们很高兴。
该CSS将无法验证,并且可能使您的样式表变得混乱,因此通过条件注释使用仅IE7的样式表可能是一个好主意。
<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->