标签显示的三种类型

最新推荐文章于 2022-04-12 21:21:49 发布

qq_40301211

最新推荐文章于 2022-04-12 21:21:49 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： web前端 css标签显示

本文链接：https://blog.youkuaiyun.com/qq_40301211/article/details/88633684

博客介绍了CSS中块级、行内和行内块元素的特点及代表标签。块级元素独占一行、可设宽高；行内元素不能设宽高，可与其他行内标签并排；行内块元素是特殊行内标签，可设宽高且能与其他行内元素并排。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.1.块级元素
1.独占一行
2.可设置宽高
3.默认宽度为父级宽度
4.P标签这种段落
代表标签：div,p,ol,li,ul,dt,dd,dl,header,footer,aside,nav,article,section
display:block;
1.2.行内元素
1.不能设置宽高
2.允许其他行内标签排一行
3.宽度为内容的宽度
4.尽量不要使用行内标签包含块级元素 a链接除外
代表标签：a,span,b,u,s,i,strong,ins,del,em
display:inline
1.3行内块元素
1.行内块本质上是特殊的行内标签，text-align和line-height都可以控制行内块元素
2.允许其他行内元素排一行
3.可设置标签
代表标签：input,img
display:inline-block