我曾经读到所有可以分配宽度的元素都是块元素。对于大多数元素来说,这似乎都是正确的。但是,也有相当一部分这是不正确的(例如按钮,输入,textarea等都可以分配宽度,但它们是内联元素)。
在决定哪些元素成为内联元素而哪些元素成为块时,W3C使用了哪些标准?
答案 0 :(得分:2)
预期出现在测试段落中的元素是短语元素,因此呈现为内联级。其他元素是块级。说同一个词的另一种方式是说在它们之前和之后期望新行的元素是块级的,否则它们是内联级的。
这部分与为何可以应用宽度有关。重要的是它们是否被渲染为单个矩形框,或者它们的内容是否可以在一条线上被破坏。如果它们可以,则不应用宽度,可能是因为很难弄清楚宽度设置在不同行上开始和结束时的真正含义。不能跨行划分的内联级元素,即inline-block
,inline-table
或替换元素的元素,可以应用宽度设置。