首页 > 代码库 > CSS_Hack记录大全

CSS_Hack记录大全

IE6/7实现display:inline-block

有两种方法,第一种,先声明该元素display:inline-block,触发其layout,再在第二条样式上再声明为display:inline,如:

.test{display:inline-block; /*其他样式...*/}
.test{display:inline;}

第二种方法(推荐),利用IE6/7的Css专有前缀来触发layout(感觉怎么有点像js的setTimeout):

.test{display:inline-block; *zoom: 1; *display: inline;}

IE6双倍浮动行距

在IE6下,当一个div在另一个div向左浮动,并且带有margin-left的样式,那么这时它的左边距是样式定义的双倍,同理如果是向右浮动和margin-right,效果是一样的。不过在此后浮动的div的边距反倒是没问题的,只是第一个有此问题。

这时,解决的方法是:简单给该div加个_display:inline;样式即可

CSS_Hack记录大全