App下載
話題 首頁(yè) > CSS 教程 > CSS 教程話題列表 > 詳情

inline-block和float有什么區(qū)別?

精華
一路有你 2016-10-18 04:30:24 瀏覽(4780) 回復(fù)(5) 贊(0)
什么時(shí)候使用inline-block?什么時(shí)候使用float?
css

回答(5)

小路依依 2016-10-18

什么時(shí)候使用,取決于你的設(shè)計(jì)稿跟解決方法。如果你需要文字環(huán)繞容器,那浮動(dòng)是不二選擇。如果你需要居中對(duì)齊元素,inline-block是個(gè)好選擇。

最終,這可以歸結(jié)為float跟inline-block的兩種屬性作用后的區(qū)別,你需要對(duì)其作出選擇。

使用inline-block:當(dāng)你需要控制元素的垂直對(duì)齊跟水平排列時(shí),使用inline-block。

使用浮動(dòng):當(dāng)你需要讓元素環(huán)繞某一個(gè)元素時(shí),或者需要支持舊版本ie,或者不想處理inline-block帶來(lái)的空白問(wèn)題時(shí),使用浮動(dòng)。

inline-block:是轉(zhuǎn)換成行內(nèi)元素但可以實(shí)現(xiàn)塊級(jí)元素的性質(zhì)

float:是浮動(dòng)讓元素飄起來(lái)

具體用法要看你要干什么了,這兩個(gè)是完全不一樣的屬性

一筆荒蕪 2018-05-31

好慢呀,空空如也,半天不來(lái)大神解決,大佬在哪啦

1144100656 2018-05-31

留名留名!!!,同樣的問(wèn)題,看看咋結(jié)局!!!

1152696398 2018-05-31

快來(lái)解決啦!快來(lái)!快來(lái)! 快來(lái) 快來(lái)

要回復(fù),請(qǐng)先登錄 或者注冊(cè)