兩組div,大小寬高一樣大,一組是flaot:left類型,順序排下去,另外一組是inline-block類型,順序排下去請(qǐng)問(wèn)這兩組有什么區(qū)別?(寬高一樣大,不是float的什么鋸齒現(xiàn)象)
2 回答

ABOUTYOU
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
1.inline-block有盒子間隙;
2.inline-block在ie67不完全支持,只支持display:inline的元素;
暫時(shí)只想到這么多

鴻蒙傳說(shuō)
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
我能想到的有以下區(qū)別:
float不受父元素text-align的影響
inline-block會(huì)受到元素間空格的影響,float不會(huì)
float會(huì)導(dǎo)致父元素高度塌陷,inline-block不會(huì)
float比inline-block的兼容性要好一些
元素中的內(nèi)容超出后,float不會(huì)擠開(kāi)其他元素,inline-block會(huì)
添加回答
舉報(bào)
0/150
提交
取消