float:left:左浮動蚊伞。擁有了塊級元素的一個可以設定寬高的功能席赂，也有了行內元素的一行可以顯示多個∈逼龋籠統(tǒng)的說颅停，就是將行內/塊級元素變成行內塊元素，籠統(tǒng)的等同于display:inline-block掠拳，區(qū)別下面會說癞揉。
display:inline-block：將行內/塊級元素變成行內塊元素。 既有行內元素的一行可以顯示多個，也有塊級元素可以設置寬高的功能喊熟。（行內塊元素功能巧記：行內柏肪， 一行顯示內容；塊級：寬高,行內沒有的芥牌。）
區(qū)別：float:left和display:inline-block的功能有區(qū)別的烦味。例如：多個元素被display:inline-block之后，多個元素之間會有間隙且不好調節(jié)這個間隙壁拉；多個元素被float:left之后谬俄，元素之間沒有間隙)
CSS中 float:left和display:inline-block區(qū)別
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門返吻，熙熙樓的掌柜王于貴愁眉苦臉地迎上來姑子，“玉大人，你說我怎么就攤上這事测僵〗钟樱” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵捍靠，是天一觀的道長沐旨。 經常有香客問我，道長榨婆，這世上最難降的妖魔是什么磁携？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮良风，結果婚禮上谊迄，老公的妹妹穿的比我還像新娘。我一直安慰自己烟央，他們只是感情好统诺，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著疑俭，像睡著了一般篙议。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼嵌溢，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了蹋岩？” 一聲冷哼從身側響起赖草，我...
- 正文 年R本政府宣布溃蔫，位于F島的核電站健提，受9級特大地震影響，放射性物質發(fā)生泄漏酒唉。R本人自食惡果不足惜矩桂，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望痪伦。 院中可真熱鬧侄榴，春花似錦、人聲如沸网沾。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽辉哥。三九已至桦山，卻和暖如春攒射，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背恒水。 一陣腳步聲響...
推薦閱讀更多精彩內容
- display:block就是將元素顯示為塊級元素 block元素的特點是： 總是在新行上開始； 高度酸纲，行高以及頂...
- 一闽坡、總體概念 1栽惶、block和inline這兩個概念是簡略的說法，完整確切的說應該是 block-level el...
- 大家好席爽，我是IT修真院深圳分院第3期的學員意荤，一枚正直純潔善良的前端程序員，今天給大家分享一下只锻，修真院官網前端工程師...
- 1.解釋一下display的幾個常用的屬性值玖像，inline ， block齐饮， inline-block inlin...
- 1.總體概念 block和inline這兩個概念是簡略的說法祖驱，完整確切的說應該是 block-level elem...
