是否可以在 FF 中将标签“legend”的宽度设置为 100%？尽管我尽了一切努力，它的长度仍与包含的文本相同。
最佳答案
我不相信，不。 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> .
关于html - 在FF中设置 "legend"标签的宽度100%，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1496521/