inline元素block元素inline-block元素

Posted 2021-02-12 swing07

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