CSS 中 block 、inline 、inline-block 的區別

block

塊級元素特色：

一、每一個塊級元素都重新的一行開始，而且其後的元素也另起一行。

二、元素的高度、寬度、行高以及頂和底邊距均可設置。

三、元素寬度在不設置的狀況下，是它自己父容器的100%（和父元素的寬度一致），除非設定一個寬度。

 

 

inline

內聯元素特色：

一、和其餘元素都在一行上；

二、元素的高度、寬度及頂部和底部邊距不可設置；

三、元素的寬度就是它包含的文字或圖片的寬度，不可改變。

 

 

inline-block

內聯塊狀元素（inline-block）就是同時具有內聯元素、塊狀元素的特色。

inline-block 元素特色：

一、和其餘元素都在一行上；

二、元素的高度、寬度、行高以及頂和底邊距均可設置。