开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >行内元素和块元素

行内元素和块元素

作者头像

友儿

发布于 2022-09-13 16:35:06

发布于 2022-09-13 16:35:06

8300

举报

文章被收录于专栏：友儿友儿

标签的类型
- 块元素(block)
  - 块元素特征
    - 默认独占一行
    - 没有给宽度的时候，宽度是auto,撑满一行(宽度就是父级的宽度)
    - 支持所有的css命令
  - 属于块元素标签的有
    - div,h1-h6,p,ul,li,ol,dl,dt,dd,header,nav,footer,section,article,aside
- 行内元素(inline)
  - 行内元素的特征
    - 内容撑开宽高，宽高的值都是auto,只不过显示出来的宽高是由内容撑开的
    - 不支持设置宽高
    - 不支持上下的margin和上下padding(左右支持)，上下的padding使用问题的，虽然把背影撑出来了，这只是表面现象，它不会对其它的元素有影响
    - 所有的行内元素都会在一行显示(一行可以放得下的前提下)
    - 代码换行会被解析成一个空格
  - 属于行内元素标签的有
    - a,span,strong,em,mark,img,time

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

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

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

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

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新