1.display:block將元素顯示為塊級元素
- 總是在新行上開始
- 高度，行高以及頂和底邊距都可控制
- 寬度缺省是它的容器的100%俏险，除非設(shè)定一個寬度
-
<div><p><h1><form><ul>和<li>是塊元素的例子
2.display:inline將元素顯示為行內(nèi)元素
- 和其他元素都在一行上
- 高严拒，行高及頂和底邊距不可改變
- 寬度就是它的文字或圖片的寬度，不可改變
-
<span><a><label><input><img><strong>和<em>是inline元素的例子
3.inline-block將塊對象作為內(nèi)聯(lián)對象呈遞
- 讓塊元素和其他元素保持在一行上
- 高度竖独，行高以及頂和底邊距都可控制
4.inline和block的轉(zhuǎn)換情景
- 讓一個inline元素從新行開始
- 讓塊元素和其他元素保持在一行上
- 控制inline元素的寬度（對導(dǎo)航條特別有用）
- 控制inline元素的高度
- 無須設(shè)定寬度即可為一個塊元素設(shè)定與文字同寬的背景色
