1、塊級元素的盒子會擴充套件到與父元素同寬：這就是為什麼塊級元素獨佔一行的原因了。
2、行內元素的盒子會收縮到包緊其內容：這也是為什麼幾個連續的行內元素會併排一行的原因。
3、塊級元素能夠設定 width、height。而行內元素不行，行內元素的寬高是依據其內容定的。
4、塊級元素的margin 和 padding 設定沒有問題，可是行內元素無法設定上下的 margin 和 padding。
注：這裡要注意。儘管行內元素上下方向的邊距對布局沒有影響。可是假設設定了上下的 padding 。背景顏色會擴充到上下的內邊距中。
5、對於 display: inline-block; 的元素，會像行內元素一樣併排在一行。可是能夠設定寬高和上下邊距。
行內元素 塊級元素和行內塊級元素
而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效，只有左右有效果 總是和相鄰的行內元素在同一行上，預設排列方式...
行內元素與塊級元素
1.行內元素與塊級元素直觀上的區別 行內元素會在一條直線上排列，都是同一行的，水平方向排列 塊級元素各佔據一行，垂直方向排列。塊級元素從新行開始結束接著乙個斷行。2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。3.行內元素與塊級元素屬性的不同，主要是盒模型屬性上 行內元素設定wid...
塊級元素與行內元素
用法 塊級元素只能用於標籤中 塊級元素與行內元素 塊級元素與行內元素的幾個區別 格式 在預設情況下，塊級元素會從新起一行 內容模型 塊級元素可以包含其他的塊級元素和行內元素，這種模型會比行內元素有著更加大的結構 塊級元素列表 1.資訊 2.塊引用 3.定義列表中的條目描述 4.文件分割槽 5.定義列...