让IE6/IE7适用display:inline

日期:2020-10-22 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

在IE6和IE7中这个版本号的IE总流量器中,对display:inline-block特性适用不佳,这也是1个經典的BUG。

有两种方法处理这个难题,让IE6/IE7 适用 display:inline-block 的方式。

拷贝编码
编码以下:

<ul>
<li></li>
<li></li>
<li></li>
</ul>

1.先应用display:inline-block,再应用display:inline,以下:

拷贝编码
编码以下:

ul li{
display:inline-block;
}
ul li{
*display:inline;
}

2.先让块元素变成内联,再应用(zoom:1 或float特性等)开启块元素layout:

拷贝编码
编码以下:

ul li{ display:inline-block; _zoom:1;_display:inline;} /*强烈推荐*/
ul li{ display:inline-block; _zoom:1;*display:inline;} /*强烈推荐:IE67*/