亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

菜鳥一枚,問個問題哦

#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;}

問題一:這段代碼里面已經設置了float:left,為什么還要設置display:inline-block;這兩個設置的目的不都是讓元素在一行顯示嗎?

問題二:把float:left,去掉后,元素之間的間距變大了為什么啊

正在回答

1 回答

1、其實設了float:left ?沒有必須要再設置?display:inline-block,

2、去掉了float ?空隙變大是因為有隱藏空格造成的間隙(其實是基線造成的)。解決方法是給ul設置font-size:0 ? 或者是把所有的li放在一行,別一行寫一個。

去查查資料看看css基線的相關知識。

0 回復 有任何疑惑可以回復我~
#1

淺夏詩韻 提問者

非常感謝!
2015-12-02 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

菜鳥一枚,問個問題哦

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號