display:inline在网页设计中的几个基本用途
很多网站的代码中经常可以看到<li></li>标签内设置了float:left又设置display:inline。
既然设置了float:left,那标签内的元素都会向左浮动了。为什么又要设置display:inline。
既然设置了float:left,那该标签已具有块状元素的特征了,又设置内联元素,不是有矛盾吗?
ul li {
float:left;
margin:0 12px 12px 0;
display:inline;
}
display:inline的意思是基线显示float:left;
margin:0 12px 12px 0;
display:inline;
}
可以消除IE6和IE7下的浮动BUG
display:inline 可以消除IE6双倍边距的BUG。

浙公网安备 33010602011771号