深度理解CSS中區塊層級元素與行內元素的區別（個人易錯點）

標籤：play   block   strong   css   方向   str   bottom   生效   修改   

區別一：

塊級：區塊層級元素會獨佔一行，預設情況下寬度自動填滿其父元素寬度

行內：行內元素不會獨佔一行，相鄰的行內元素會排在同一行。其寬度隨內容的變化而變化。

區別二：

塊級：區塊層級元素可以設定寬高

行內：行內元素不可以設定寬高

區別三：

塊級：display:block;

行內：display:inline;

可以通過修改display屬性來切換區塊層級元素和行內元素。

區別四：

塊級：區塊層級元素可以設定margin，padding

行內：行內元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。但是豎直方向的margin-bottom; margin-top; padding-top; padding-bottom;卻不能生效。

深度理解CSS中區塊層級元素與行內元素的區別（個人易錯點）