前言
HTML元素按布局属性可以分为三种类型:块级元素、行内元素、行内块元素
这篇文章梳理一下他们的区别与联系
一、区别
1.块级元素
属性
默认独占一行
如果不设置宽度,默认是父级的宽度。...解决方案:父元素设置font-size为0,子元素再设置具体的字体大小。...解决方案:父元素设置font-size为0,子元素再设置具体的字体大小。...display: inline: // 设置元素为行内元素
display: inline-block; // 设置元素为行内块元素
三、常见标签
1.块级元素
div,p,ul,li(列表)...,ol(有序列表),h1,h2,h3,h4,h5,h6,form,hr,dd,dl
header,main,footer,section,address,article,aside等
2.行内元素