开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >html三大元素梳理

html三大元素梳理

心念

发布于 2023-01-11 20:52:43

3730

发布于 2023-01-11 20:52:43

举报

文章被收录于专栏：前端心念前端心念

块元素

div、p、form、table、h1~h6...

特点：

1、独占一行

2、可以设置宽高，内外间距

3、如果不设置宽，就会自动继承父元素的宽度

隐式转换方法：display:block

行内元素

span、a....

特点：

1、不会独占一行，会和多个行内元素并行排列，排不下才会换行

2、不能设置宽高

3、可以设置内间距和左右外间距，不可设置上下外间距

4、只能包含文字或其他行内元素，不可包含块元素

隐式转换方法：display:inline

行内块

input、img

特点：

1、不会独占一行

2、可以设置宽高、不可以设置内间距、外间距

隐式转换方法：display:inline-block

本文参与?腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客?前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

块元素
行内元素
行内块