IE下块元素如何实现display:inline-block

延伸一个问题:ie下块元素如何实现display:inline-block的效果?

  有两种方法:

  1、先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display要先后放在两个声明中才有效果,这是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;…}

IE下块元素如何实现display:inline-block

相关文章:

你感兴趣的文章:

标签云: