延伸一个问题: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;}
2、直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1等,火狐不好用)。
代码如下:
div{display:inline;zoom:1;...}
时间: 2024-10-08 10:43:36