当前位置: 代码迷 >> Web前端 >> IE6/7下IE下块元素怎么实现display:inline-block 的效果
  详细解决方案

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

热度:330   发布时间:2012-07-02 17:46:22.0
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 然后再添加行内的属性。

  相关解决方案