菜鳥一枚,問個問題哦
#tabs ul li{float:left;background:#fff;cursor:pointer;list-style:none;height:28px;line-height:28px;margin:0 10px;border:1px #aaa solid;border-bottom:none;display:inline-block;}
問題一:這段代碼里面已經(jīng)設(shè)置了float:left,為什么還要設(shè)置display:inline-block;這兩個設(shè)置的目的不都是讓元素在一行顯示嗎?
問題二:把float:left,去掉后,元素之間的間距變大了為什么啊
2015-12-02
1、其實設(shè)了float:left ?沒有必須要再設(shè)置?display:inline-block,
2、去掉了float ?空隙變大是因為有隱藏空格造成的間隙(其實是基線造成的)。解決方法是給ul設(shè)置font-size:0 ? 或者是把所有的li放在一行,別一行寫一個。
去查查資料看看css基線的相關(guān)知識。