有没有办法将firefox中的字段集图例与右边对齐?我认为这只是我的风格,但显然即使在网上有一个例子,FF字段集也会忽略text-align:对:
http://www.quackit.com/html/tags/html_fieldset_tag.cfm(适用于Chrome)
答案 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}}属性已被弃用。但是,使用legend
和float: left;
对齐图例元素似乎在浏览器中运行得相当好,但您可能需要在图例元素后面的第一个元素中添加一些边距。
答案 2 :(得分:0)
我发现,Firefox支持这样的东西
text-align:-moz-right;
也许你可以尝试一下 - 它可能会使文本对齐工作在旧版本的FF中。
答案 3 :(得分:0)
我迟到了回答,但我通过谷歌发现了这个问题,并认为这可能有助于将来的某个人
为了无论如何水平定位图例,您只需将其width
属性设置为100%
,然后将其子元素视为单行块内部
因此,例如,如果要将内容对齐,请执行
label{
width:100%;
text-align:right;
}
当然,不要忘记注意标签的父宽度,以避免任何行为不端