让ie浏览器支持display:inline-block的方法
发布时间:01/15 来源: 浏览:
关键词:
display:inline-block在ie9以下版本都不能很好的支持如果你想让它支持我们可以利用hack方式来处理,下面来看个例子。
方法一,利用css hack方式
IE7:
代码如下 | |
display: inline-block; *display: inline; zoom: 1; |
三者缺一不可。
IE6 :
代码如下 | |
display: inline-block; |
方法二,
一个个来排序
代码如下 | |
div {display:inline-block;...} |
直接让块元素设置为内联对象呈递(设置属性 display:inline),然后触发块元素的 layout(如:zoom:1 等)。代码如下:
代码如下 | |
div {display:inline; zoom:1;...} |