fieldset legend text-align firefox中的错误

时间:2011-05-04 09:39:26

标签: css firefox fieldset

有没有办法将firefox中的字段集图例与右边对齐?我认为这只是我的风格,但显然即使在网上有一个例子,FF字段集也会忽略text-align:对:

http://www.quackit.com/html/tags/html_fieldset_tag.cfm(适用于Chrome)

4 个答案:

答案 0 :(得分:4)

在CSS中没有明显的方法可以做到这一点(特别是,CSS根本无法真正描述图例/字段集样式,所以任何一个都可以运作的事实是奇迹),但是<legend>已经一个名为align的属性,您可以设置为right,如下所示:

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

获取您在Firefox中所需的行为。有些人看到它在测试用例上正确对齐,我感到很惊讶;除了该对齐属性和direction: rtl字段集之外,没有规定在Gecko中对齐图例。

答案 1 :(得分:3)

自HTML 4.01以来,align的{​​{1}}属性已被弃用。但是,使用legendfloat: left;对齐图例元素似乎在浏览器中运行得相当好,但您可能需要在图例元素后面的第一个元素中添加一些边距。

答案 2 :(得分:0)

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

text-align:-moz-right;

也许你可以尝试一下 - 它可能会使文本对齐工作在旧版本的FF中。

答案 3 :(得分:0)

我迟到了回答,但我通过谷歌发现了这个问题,并认为这可能有助于将来的某个人

为了无论如何水平定位图例,您只需将其width属性设置为100%,然后将其子元素视为单行块内部

因此,例如,如果要将内容对齐,请执行

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

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