让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;

相关文章

精彩推荐