inline元素、block元素、inline-block元素

inline 內聯元素：是不能夠控制寬和高、margin等；而且在同一行顯示，不換行，直到該行排滿。

block 塊級元素：是能夠控制寬和高、margin等，而且會換行。塊級對象元素會單獨佔一行顯示，多個block元素會各自新起一行。

inline-block 內聯塊級元素： 具備寬度高度特性，又具備同行特性（一行內顯示）

 

常見的inline元素：span,a,strong,em等。

常見的block元素：div,p,h1到h6,form,ul,ol等。

常見的inline-block元素：img,input等。

 

注意：

（1）塊級元素的默認長度是它父元素的長度。

（2）塊級元素能包含塊級元素，內行元素。

（3）行內元素不能包含塊級元素嗎。

（4）行內元素能包含其餘行內元素。  

參考:

https://www.cnblogs.com/jerry666/p/5223409.html

https://www.jianshu.com/p/37de1610a1e1