• 首页
        • 更多产品

          客户为中心的产品管理工具

          专业的软件研发项目管理工具

          简单易用的团队知识库管理

          可量化的研发效能度量工具

          测试用例维护与计划执行

          以团队为中心的协作沟通

          研发工作流自动化工具

          账号认证与安全管理工具

          Why PingCode
          为什么选择 PingCode ?

          6000+企业信赖之选,为研发团队降本增效

        • 行业解决方案
          先进制造(即将上线)
        • 解决方案1
        • 解决方案2
  • Jira替代方案
目录

块级元素和行内元素有哪些

块级元素有:div、p、table、ul、lo、li、h1-h6、dl、dt;行内元素有:a、img、span、b、strong、input、select 、section。块级元素(block element)在浏览器中占据整行,并排斥其它元素与其位于同一行。

一、块级元素和行内元素

1.行内元素

a img span b strong input select section

2.块级元素

div p table ul lo li h1-h6 dl dt

3.区别

块级元素会独占一行 默认的宽度占满父级元素,行内元素不会换行;

行内元素的width height 无效;

块级元素可以设置margin和padding属性,行内元素padding-left、padding-right,margin-left,margin-right(水平方向),有边距效果,padding-较好,padding-bottom,margin-较好,margin-bototm,(垂直方向)没有边距效果,本质(浏览器将块级元素的dispaly属性默认为block,行内元素属性默认为inline,因此行内元素与块级元素的切换可以通过修改display属性实现)。

延伸阅读:

二、元素的嵌套

HTML 中的各个元素之间是可以互相嵌套的,例如:

块元素可以嵌套块元素;

块元素可以嵌套行内元素;

行内元素可以嵌套行内元素;

行内元素可以嵌套块元素。

值得注意的是我们不建议在行内元素中嵌套块元素,这样不仅不符合开发规范,还会导致行内元素也独占一行。

三、空元素

在用来描述网页的计算机语言中,有一种超文本标记语言,被称为HTML(Hyper Text Markup Language) 。而构成HTML内容的标记语言是由一套标记标签组成。这套标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词,比如 <html> ,通常是成对出现的,比如 <b> 和 </b>。这些成对出现的HTML 标签,名列前茅个标签是开始标签,第二个标签是结束标签。大多数HTML标签在开始标签和结束标签之间都具有内容,而某些标签则没有内容。

HTML中,从开始标签(start tag)到结束标签(end tag)的所有代码,被称为HTML元素。

由于HTML元素的内容是开始标签与结束标签之间的内容。而某些 HTML 元素具有空内容。(empty content),那些含有空内容的HTML元素,就是空元素。空元素是在开始标签中关闭的。

以上就是关于块级元素和行内元素的内容希望对大家有帮助。

一站式研发项目管理平台 PingCode

一站式研发项目管理平台 PingCode

支持敏捷\瀑布、知识库、迭代计划&跟踪、需求、缺陷、测试管理,同时满足非研发团队的流程规划、项目管理和在线办公需要。

相关文章