不罗嗦,直接上内容
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有何新发展....却意外看到了这个解决方法,哈哈,嘿嘿 嘿嘿 呵呵
终于知道为什么有时候实现不了啦!看似简单,解决不了就不简单了!
收藏!