【发布时间】：2020-12-10 09:10:34
【问题描述】：
我们能否使用 chrome 开发者工具判断一个 HTML 元素是内联的还是阻塞的？
【问题讨论】：
标签： html google-chrome developer-tools
【发布时间】：2020-12-10 09:10:34
【问题描述】：
“inline”和“block”一开始并不是非常有用的类别。
在 HTML 4 中，它们是 group elements 的 DTD 中使用的术语，用于快速描述哪些元素可以包含哪些其他元素（它们通常有例外）。
在 HTML 5 中，DTD 消失了，元素有 a different set of groups。
无法从开发人员工具中获取元素的 HTML 分类。
（至少默认情况下不会。有人可以将元素列表以及它们在规范中的分类方式放在一起，然后编写一个开发人员工具插件来显示所选元素的该信息。我不知道有人有或为什么有人会打扰。）
同时在 CSS 中，display 和 block 是 original values for the display property 中的两个。几乎所有元素过去都默认显示为一种或另一种。
今天有many more values，因为规范已被重写为（例如）display: inline-block，而不是依赖于渲染规则的例外情况，并且添加了新的布局工具，如display: grid。
您可以通过查看 Computed 面板来确定元素的 display 值。
【讨论】：