使用 chrome 开发人员工具内联或阻止？

Question

我们能否使用 chrome 开发工具确定 HTML 元素是内联的还是阻塞的？

Answer 1

“内联”和“块”并不是一开始就非常有用的类别。

在 HTML 4 中，它们是 DTD 中用于对元素进行分组的术语，用于快速描述哪些元素可以包含哪些其他元素（它们通常有例外）。

在 HTML 中，5 个 DTD 消失了，并且有 一组不同的元素组。

无法从开发人员工具中获取元素的 HTML 分类。

（至少默认情况下不会。有人可以将元素列表以及它们在规范中的分类方式放在一起，然后编写一个开发人员工具插件来显示所选元素的该信息。我不知道有谁拥有或为什么任何人都会打扰。）

---

同时在 CSS 中， display和block是display属性的两个原始值。 几乎所有元素都默认显示为一个或另一个。

今天有更多的值，因为规范已被重写为具有（例如） display: inline-block而不是依赖于渲染规则的例外情况，并且添加了新的布局工具，如display: grid 。

您可以通过查看Computed面板来确定元素的display值。