html - 元素是内联还是 block 的标准

标签 html css block inline

我曾经读到所有可以指定宽度的元素都是 block 元素。这似乎适用于所有元素中的大多数。但是,也有一些是不正确的(例如按钮、输入、文本区域等都可以分配宽度,但它们是内联元素)。

W3C 在决定哪些元素成为内联元素与哪些元素成为 block 元素时使用了哪些标准?

最佳答案

预期出现在一段测试中的元素是短语元素,因此呈现为内联级别。其他元素是 block 级。另一种表达相同事物的方式是说在它们之前和之后需要换行的元素是 block 级的,否则它们是内联级的。

这与为什么可以对它们应用宽度仅部分相关。重要的是它们是否被呈现为单个矩形框,或者它们的内容是否可以被分割成一条线。如果可以,则不应用宽度,可能是因为当宽度设置在不同的行上开始和结束时,很难弄清楚它的真正含义。不能跨行中断的内联级元素,即 inline-blockinline-table 或替换元素的元素,可以应用宽度设置。

关于html - 元素是内联还是 block 的标准,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21325771/

相关文章:

javascript - 在模糊事件期间选择此输入

block - 如何从部署在使用 hyperledger-fabric 中的单个 channel 连接的两个不同组织对等体上的另一个链代码调用链代码?

html - 通过表格对齐表单中的文本和下拉列表

javascript - 我需要帮助在特定情况下清空文本区域

javascript - 如何使用 jQuery 获取在 HTML 页面中创建的所有跨度

Swift 和 Salesforce SDK,使用 SFRestDictionaryResponseBlock

ruby - 如何将 Ruby 迭代器作为参数传递?

html - 悬停一个 div,影响另一个 (CSS)

html - 背景图像的 Z 索引

css - 将大量 Css 样式定义置于上下文中的最佳方法是什么?