1.块级元素
块级元素独立成行;垂直布局
块级元素的宽度默认撑满其父元素的宽度
具有盒模型特征(默认可以设置宽高 间距 留白 边框)
块级元素中可以添加块级元素、行级元素、行块级元素
2.行级元素
不会独占一行,宽度随元素内容变化相邻的行内排列在同一行,直到一行排列不下才会换行
具有部分盒模型特征(没有宽高,有横向间距、留白,没有纵向间距和留白、边框保留,换行和空格会被解析)
3.行块元素
默认在同一行显示,可以设置宽高
具有块级标记的特征:可以设置宽高,留白外间距
具有行级标记的特征;默认一行显示直到一行排不下才会换行;换行和空格会被解析
类型转换
display:none隐藏元素
display:block用隐藏元素的显示转换成块级元素
display:inline转换为行级元素
display:inline-block 转换为行块级元素
标签特性
最新推荐文章于 2024-04-16 06:26:29 发布