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

本文轉載於:猿2048網站深度理解CSS中塊級元素與行內元素的區別（我的易錯點）

區別一：

塊級：塊級元素會獨佔一行，默認狀況下寬度自動填滿其父元素寬度

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

區別二：

塊級：塊級元素能夠設置寬高

行內：行內元素不能夠設置寬高

區別三：

塊級：display:block;

行內：display:inline;

能夠經過修改display屬性來切換塊級元素和行內元素。

區別四：

塊級：塊級元素能夠設置margin，padding

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