一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-07-02 12:16:16 编辑:袖梨 来源:一聚教程网

延伸一个问题: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;...}

热门栏目