元素的类型转换

最新推荐文章于 2023-11-03 17:19:26 发布

原创最新推荐文章于 2023-11-03 17:19:26 发布 · 321 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#元素类型 #元素之间的转换

本文详细介绍了HTML中三种元素类型：块元素、行内块元素和行内元素的特点及应用场景，并讲解了如何通过display属性在不同元素类型间进行转换。

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

元素的类型转换

HTML里的元素类型有三种
1.块元素
特点：独自占一行，设置宽高，内外边距有效。
例如：div，p，ul，li，h1~h6等
2.行内块元素
特点：可与行内元素同在一行之中，设置宽高，内外边距有效。
例如：img，input等
2.行内元素
特点：可与行内块元素同在一行之中，设置宽高，内外边距无效。大小是靠自身的字体大小和图片尺寸来支撑的。
例如：span，a，em等
display：inline；转换为行内元素
display：block；转换为块元素
display：inline-block；转换为行内块元素