块元素
特点:
1,默认宽度和父类元素一致
2,霸占一行
3,支持全部样式
行元素
特点:
1,自动排一列一行,遇到边界换行
2,默认宽度,高度和内容一致
3,行元素不支持badding的上下调动
4,行元素不支持margin的上下调动
行内块元素
行内块元素就是可以把行元素装换成块元素,同理块元素也可以装换成行元素。
转换方式:
display:inline-block 把块元素变成行元素
display-inline 也可以把块元素变成行元素,但是不能满足宽和高
display-block 把行元素变成块元素
注意:
行内块元素的转换方法意义就是在不使用浮动的情况下依旧可以把块元素和行元素排列在一起。
HTML+CSS 块元素与行内元素的特点
最新推荐文章于 2023-05-28 23:44:03 发布