2

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

http://www.quackit.com/html/tags/html_fieldset_tag.cfm（在 chrome 中工作）

4

4 回答 4

4

在 CSS 中没有明显的方法可以做到这一点（特别是，CSS 根本无法真正描述图例/字段集样式，所以它的任何一个都有效的事实是一个奇迹），但<legend>有一个名为的属性align，您可以设置为right像这样：

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

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

于 2011-05-04T12:18:27.170 回答
3

自 HTML 4.01 起，align属性 oflegend已被弃用。float: left;然而，使用和对齐图例元素float: right;似乎在浏览器中工作得相当好，尽管您可能需要在图例元素之后的第一个元素中添加一些边距。

于 2012-08-28T08:31:59.737 回答
0

我发现，Firefox 支持这样的东西

text-align:-moz-right;

也许你可以试试这个——它可能会使文本对齐在旧版本的 FF 中工作。

于 2011-05-04T10:27:52.123 回答
0

我迟到了，但我通过谷歌找到了这个问题，并认为这可能会在未来对某人有所帮助

为了以您喜欢的方式水平放置图例，您只需将其width属性设置为100%，然后将其子元素视为位于单行块内

因此，例如，如果您想将内容向右对齐，请执行

    label{
      width:100%;
      text-align:right;
    }

当然，不要忘记注意标签的父宽度以避免任何不当行为

于 2013-03-14T04:05:48.170 回答