css - firefox 中的字段集图例文本对齐右错误

Question

有没有办法将 firefox 中的字段集图例右对齐？我以为这只是我的风格，但显然即使有一个在线示例，FF 字段集也会忽略 text-align: right:

http://www.quackit.com/html/tags/html_fieldset_tag.cfm (在 Chrome 中工作)

Answer 1

在 CSS 中没有明显的方法来做到这一点(特别是，CSS 根本无法真正描述图例/字段集样式，所以它能起作用的事实是一个奇迹)，但是 <legend>有一个名为 align 的属性您可以设置为 right像这样:

<fieldset>
  <legend align="right">My stuff</legend>
</fieldset>

在 Firefox 中获得您想要的行为。我很惊讶有些人看到它在那个测试用例上是正确对齐的；除了 align 属性和 direction: rtl 之外，在 Gecko 中没有关于对齐图例的规定。字段集。