首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

IE6/7下IE下块元素怎么实现display:inline-block 的效果

2012-07-02 
IE6/7下IE下块元素如何实现display:inline-block 的效果我们知道display:inline-block在IE6/7只对行内元素

IE6/7下IE下块元素如何实现display:inline-block 的效果

我们知道display:inline-block在IE6/7只对行内元素有作用,那么如何才能实现它对块元素的作用呢?有两种方法如下:

?

方法一:

?

.selector { display: inline-block }.selector { *display: inline }

??? 注意要分开两个容器写,这个IE的bug,先定义了 display:inline-block,然后再将 display 设回 inline 或??

??? block,layout 不会消失。(layout 是让元素具有块元素的特性)

?

方法二:

?

.selector {display:inline; zoom:1;}

?

两种方法都是触发IE的layout 然后再添加行内的属性。

热点排行