块元素和行内元素区别是什么？常见块元素和行内元素有哪些？

块元素:排斥与其他元素同处一行;一般都是其它块元素或行内元素的容器

行内元素(内联元素):可以和其它行内元素同处一行;一般那只能容纳文本和其他行内元素;其高度由容纳的文本的大小决定,宽度由内容的长短决定

在加入了css控制后,这两个元素也可互相转换

区别:

块元素占据一整行;多个行内元素可以共处一行,除非长度放不下也会起到新一行去

块元素可以设置width和height(设置宽度后任然独占一行);行内元素设置宽高无效

块元素可以设置padding和margin;行内元素只有padding-right,padding-left,margin-right,margin-left起作用

常见的块元素:

h标签,p,li,form,div,hr,ul,ol,table,td,th

常见的行内元素:

a,br,input,img,span,button