行元素块元素行内块元素各有那些，有什么区别？

Posted 2021-09-13 猫月贰

1.  行元素：span, a, strong, em, i, s

特点：（1）在一行显示；

（2）没有宽度和高度，设置了也不生效。

tips：行元素可以使用padding，但不推荐，推荐转成行内块再使用padding。

2.  块元素：h1-h6, div, p, ul, li

特点：（1）每个块元素独占一行；

（2）可设置其宽高，若不设置宽高，高默认为0，宽继承父级的宽度；

3.  行内块：button, img,  input, textaream, lebal, select

特点：（1）与行内元素在一行显示；

（2）可设置宽高，行内块元素有各自的默认宽高。