块元素,行内元素,行内块区别

块元素
  例如:div,p,ul,dl,ol,li,dd,dt,h1~h6
  特点:独占一行,可以设置宽高,可以设置margin,padding,默认情况下宽度=父级元素的宽度
  转换成行内 display:inline

******************************************************************************************

行内元素
  例如:a,span,i,em,strong,b,label
  特点:不会独占一行,与相邻的【行内元素】会排在同一行,不能设置宽高,宽高根据内容自动撑开
     行内元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。
       但是竖直方向的margin-bottom; margin-top; padding-top; padding-bottom;却不能生效。
  转换成块display:block

*******************************************************************************************

行内块

 例如:input,img,select

 特点:不会独占一行,与相邻的【行内元素】或者【行内块元素】会排在同一行,可以设置宽高,不设置宽高时按内容自动撑开

   可以设置margin,padding,

转换成行内 display:inline

 转换成块 display:block

原文地址:https://www.cnblogs.com/h5c3/p/5791753.html