block、inline、inline-block的區別

標籤：

block可以是行內元素變成區塊層級元素。並且擁有區塊層級元素的特點：

1、單獨佔滿父元素的一行；

2、可以對height和width屬性進行設定；

3、可以設定margin和padding的值。

inline可以將區塊層級元素變為行內元素，並擁有行內元素具有的特點：

1、不會單獨佔據一行，對個行內元素可以都在一行，只有一行排列不下了才會另起一行；

2、height和width屬性對齊無效，是由行內元素內容決定的；

3、對於margin和padding只有水平方向才會產生效果，豎直方向不會產生效果。

inline-block可以元素具有行內元素和區塊層級元素的特點。

block、inline、inline-block的區別