龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

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

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
延伸一个问题:ie下块元素如何实现display:inline-block的效果? 有两种方法: 1、先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display要先

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


精彩图集

赞助商链接