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;
样式即可
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。