是否可以在FF中将标签“图例”的宽度设置为100％？尽管我付出了很多努力，但它的长度仍然与包含文本相同。
答案 0 :(得分：2)
我不相信，不，不。 Firefox 3.5在图例上设置以下样式：
width: -moz-fit-content !important;
，由于“重要”，无法覆盖（min-width和position同样受到影响）。
display默认为inline，但您可以将其设置为block并在其中嵌套<span>，然后您可以将其设置为display: block; width: something;。但不是100％，因为它依赖于传奇（gah）的宽度。我能想到的真正获得100％的唯一方法是使用left: 0; width: 100%;将字段集和绝对位置设置在图例内的相对位置。
（这非常丑陋且可能很脆弱。）
在许多浏览器中， <legend>始终是一个棘手的元素：它的典型默认渲染不能用纯CSS完成，因此浏览器会以各种方式作弊，如果您尝试更改渲染，可能会咬你太多了。如果您想要特别控制元素的位置，最好忘记<legend>并使用样式<div>。
答案 1 :(得分：1)
适用于所有浏览器：
LEGEND {职位：亲属;宽度：100％}
编辑 - 看看这个宝石：http://www.456bereastreet.com/lab/styling-form-controls-revisited/legend/
答案 2 :(得分：0)
从版本3.6开始的Firefox荣誉{ width: 100%; }。似乎没有针对Firefox 3.5的CSS修复（请参阅bobince的回答）。
答案 3 :(得分：-2)
在fieldset
fieldset { width: 100%; }