如果内联</legend>，<legend>标签接受宽度

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; }

     

当按钮绑定应用于button元素时，   预期元素将呈现为“内联块”＆＃39;框呈现为   按钮，其内容是元素的内容。

Chrome似乎对legend元素执行相同操作。

但可能不应该这样做，因为

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