让ie浏览器支持display:inline-block的方法

作者:袖梨 2022-06-25

方法一,利用css hack方式

IE7:

 代码如下 复制代码
display: inline-block;
*display: inline;
zoom: 1;

三者缺一不可。

IE6 :

 代码如下 复制代码

display: inline-block;
zoom: 1;
*display: inline;
_height: 250px;

方法二,

一个个来排序

 代码如下 复制代码

div {display:inline-block;...}
div {display:inline;}


直接让块元素设置为内联对象呈递(设置属性 display:inline),然后触发块元素的 layout(如:zoom:1 等)。代码如下:

 代码如下 复制代码

div {display:inline; zoom:1;...}
display:inline-block;zoom:1; *display:inline;

相关文章

精彩推荐