教你區(qū)別display:inline與float:left

作者：來源：發(fā)布時間：2011-5-30 15:01:53 點(diǎn)擊：

本文章提供分享的是關(guān)于display:inline與float:left的區(qū)別，希望對大家有用。

①display:inline:任何不是塊級元素的可見元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“行布局”形式!(行布局:其表現(xiàn)形式始終以行進(jìn)行顯示)

②float:left:指定元素脫離普通的文檔流而產(chǎn)生的特別的布局特性。并且float必需應(yīng)用在塊級元素之上，也就是說浮動并不應(yīng)用于內(nèi)聯(lián)標(biāo)簽。或者可以說如果應(yīng)用了float這個元素將被指定為塊級元素。

那么兩者的區(qū)別顯而易見:display:inline元素不能設(shè)置寬高，因?yàn)樗鼘儆谛胁季�，其特性是在一行里進(jìn)行布局，所以不能被設(shè)定寬高。

簡單的說就是float可以設(shè)置寬高，然而display:inline;雖然也會浮動，但是他不能設(shè)置寬高。

文章評論

欄目導(dǎo)航