块元素和行内元素

块元素和行内元素

行内元素：

常用的行内元素<span>

行内元素特点：

(1)：设置宽高无效，默认宽度就是文字宽度

(2)：对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间

块元素：

常用的块元素<div>

块元素特点：

(1)：一个块元素占据一整行

(2)：高度，宽度，margin以及padding都是可以控制的

 

行内元素和块元素可以通过display属性来相互转换：

display：block（块元素）

display：inline（行内元素）

display：inline-block（行内块元素，是块元素，但是可以在一行）