Iefans,靠谱的软件下载站

首页 最新文章 最新安卓 最新苹果 浏览器 IE教程 在线图片编辑 最新软件 最新游戏

当前位置: IEfans / IE专区 / IE修复/ 让IE6/IE7支持display:inline-block属性的两种方法

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

编辑:秩名2023-06-06 07:30:01

在IE6和IE7中这个版本的IE流量器中,对display:inline-block属性支持不佳,这也是一个经典的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*/

返回旧版Copyright © 1998-2023 www.iefans.net All Rights Reserved 沪ICP备17019769号-18 意见反馈