IE6/IE7下:inline-block解决方案

方法一:

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

div{display:inline-block;}
div{display:inline;}

方法二:

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

/* 针对 IE6 */
div { display:inline-block; _zoom:1;_display:inline;}
/* 针对 IE6、7 */
div { display:inline-block; _zoom:1;*display:inline;}
鄂ICP备19018033号-1
0.061588s