块元素
  例如: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

相关文章:

  • 2021-09-28
  • 2022-12-23
  • 2021-12-28
  • 2021-11-03
  • 2021-12-20
  • 2021-12-10
  • 2022-02-07
  • 2021-12-30
猜你喜欢
  • 2021-12-20
  • 2021-10-06
  • 2021-12-10
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案