我曾经读到所有可以指定宽度的元素都是 block 元素。这似乎适用于所有元素中的大多数。但是,也有一些是不正确的(例如按钮、输入、文本区域等都可以分配宽度,但它们是内联元素)。
W3C 在决定哪些元素成为内联元素与哪些元素成为 block 元素时使用了哪些标准?
最佳答案
预期出现在一段测试中的元素是短语元素,因此呈现为内联级别。其他元素是 block 级。另一种表达相同事物的方式是说在它们之前和之后需要换行的元素是 block 级的,否则它们是内联级的。
这与为什么可以对它们应用宽度仅部分相关。重要的是它们是否被呈现为单个矩形框,或者它们的内容是否可以被分割成一条线。如果可以,则不应用宽度,可能是因为当宽度设置在不同的行上开始和结束时,很难弄清楚它的真正含义。不能跨行中断的内联级元素,即 inline-block
、inline-table
或替换元素的元素,可以应用宽度设置。
关于html - 元素是内联还是 block 的标准,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21325771/