一、块标签
div p h1-h6 hr ul ol li dl dd dt form
1.支持宽高,自上而下排列
2.不受空格影响
3.一般用于其他标签的容器
4.默认宽度为100%(独占一行)。
二、行内标签
span i a b strong em sub sup u label br font
1.不支持宽高(宽高根据内容大小自动撑开),自左向右排列
2.受空格影响
3.不独占一行
三、行内块
img textarea input
1.支持宽高,自左向右排列
2.受空格影响
3.不独占一行
标签之间转换
display:inline(转为行内元素)
inline-block(转为行内块元素)
block(转为块元素)
none(隐藏 不显示)
注意:当元素浮动(float)时会转化成行内块元素特点
链接: https://blog.youkuaiyun.com/makelucky/article/details/90414616.
本文详细介绍了CSS中的块元素、行内元素和行内块元素的特性,包括它们的排列方式、宽高支持及应用场景。同时,讲解了如何通过display属性将元素转换为不同类型的布局,并提到了浮动元素时其表现行为的转变。对于网页布局和样式控制有很好的指导作用。
&spm=1001.2101.3001.5002&articleId=123358745&d=1&t=3&u=c6f6324874ae46c7bb34c27f4898b2ee)
1578

被折叠的 条评论
为什么被折叠?



