HTML5网页设计

html_css

IE下块元素实现display:inline-block效果

时间:2011-07-08 00:02来自:未知作者:admin点击:
方法一: 1、先使用 display:inline-block 属性触发块元素,然后再定义 display:inline,让块元素呈递为内联对象(两个display 要先后放在两个 CSS 声明中才有效果,这是 IE 的一个经典 bug 。

方法一:

1、先使用 display:inline-block 属性触发块元素,然后再定义 display:inline,让块元素呈递为内联对象(两个display 要先后放在两个 CSS 声明中才有效果,这是 IE 的一个经典 bug ,如果先定义了 display:inline-block,然后再将 display 设回 inline 或 block,layout 不会消失)。代码如下(…为省略的其他属性内容):

  1. div {display:inline-block;...} 
  2. div {display:inline;} 

方法二:

2、直接让块元素设置为内联对象呈递(设置属性 display:inline),然后触发块元素的 layout(如:zoom:1 等)。代码如下:

  1. div {display:inline; zoom:1;...} 

当前文章地址:http://www.shejicool.com/web/html_css/180.html

阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐