html - 标签接受内联宽度

Question

当我将以下样式应用于图例标签时

display: inline;
width: 300px;

我看到图例标签的宽度为 300px 它仍然接受宽度。 Here是一个演示。这个元素有什么特别之处吗，因为我希望内联元素忽略 width 设置!

Answer 1

这可能是类似于 button 元素的情况，如 Bindings 中所述。 :

10.5.2 - The button element

@namespace url(http://www.w3.org/1999/xhtml);
button { binding: button; }

When the button binding applies to a button element, the element is expected to render as an 'inline-block' box rendered as a button whose contents are the contents of the element.

Chrome 似乎对 legend 元素做同样的事情。

但它可能不应该那样做，因为

• 规范没有为 legend 元素定义这样的绑定(bind)。
• legend 元素不应被替换元素(它们在 listed 部分中为 Non-replaced elements)，因此它们应符合 CSS 规则。