栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

让IE6/IE7支持display:inline-block属性的两种方法

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

让IE6/IE7支持display:inline-block属性的两种方法

在IE6和IE7中这个版本的IE流量器中,对display:inline-block属性支持不佳,这也是一个经典的BUG。

有两种方式解决这个问题,让IE6/IE7 支持 display:inline-block 的方法。

复制代码代码如下:







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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/217351.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号