不罗嗦,直接上内容

 

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

有两种方法:

1、先使用 display:inline-block 属性触发块元素,然后再定义 display:inline,让块元素呈递为内联对象(两个 display 要先后放在两个 CSS 声明中才有效果,这是 IE 的一个经典 bug,如果先定义了 display:inline-block,然后再将 display 设回 inline 或 block,layout 不会消失)。代码如下(...为省略的其他属性内容):

div {display:inline-block;...}
div {display:inline;}

Steven(21887396)  15:09:56
2、直接让块元素设置为内联对象呈递(设置属性 display:inline),然后触发块元素的 layout(如:zoom:1 等)。代码如下:

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

 

纯粹给div设置inline-block,IE6是不会并排的,以前遇到过这样的情况,当时没有解决,绕道而行啦!为了追求设计之路的发展,基本已经搁置css,由于工作需要接下来要做hc360的n套页面,不得不重新拾来页面制作!本想看看经过近一年的时间web2.0有何新发展....却意外看到了这个解决方法,哈哈,嘿嘿 嘿嘿 呵呵

 

终于知道为什么有时候实现不了啦!看似简单,解决不了就不简单了!

收藏!