fieldset legend文本對齊在Firefox中的右側錯誤

有沒有辦法將firefox中的fieldset圖例對齊到右側？我以爲這只是我的風格，但顯然，即使一個例子在線FF字段集忽略文本對齊：右：fieldset legend文本對齊在Firefox中的右側錯誤

2011-05-04 corroded

您正在使用哪種版本的Firefox？我在FF4中查看了上面的頁面，並且文本對齊工作正常。 – 2011-05-04 10:08:20

毫米即時通訊在macosx上使用3.6。嗯，如果它在WIN上的FF 3.6（便攜式）上測試ff4 – corroded 2011-05-04 10:18:50

時發出一個有趣的問題 - 使用普通的'text-align：right;'和'text-align：-moz-right;'但是，在Linux上FF doest似乎並沒有顯示對齊的元素。 – 2011-05-04 10:49:02

在CSS中沒有明顯的方法可以做到這一點（特別是CSS根本無法真正描述legend/fieldset樣式，所以它的任何工作都是奇蹟），但<legend>有一個名爲named align，你可以設置爲right像這樣：

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

，讓你在Firefox想要的行爲。我很驚訝有些人看到它與測試案例一致;除了對齊屬性和direction: rtl字段集之外，沒有關於在Gecko中對齊圖例的規定。

2011-05-04 12:18:27

''align'屬性在HTML 4.01中被棄用，在HTML5中不被支持。 http://www.w3schools.com/tags/att_legend_align.asp – 2013-06-28 04:12:56

實現HTML5的UA仍需遵守。見http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#the-fieldset-and-legend-elements – 2013-06-28 15:09:19

我發現，火狐支持這樣的事情

text-align:-moz-right;

也許你可以嘗試一下 - 它可能會使文本對齊工作在舊版本的FF中。

2011-05-04 10:27:52

試過這個，但沒有在我的工作 – corroded 2011-05-04 10:46:51

legend的align屬性自HTML 4.01開始已被棄用。然而，使用float: left;和float: right;對齊圖例元素似乎在瀏覽器中工作得相當好，不過您可能需要爲圖例元素之後的第一個元素添加一些邊距。

2012-08-28 08:31:59 Simon

在FF中有點奇怪，但仍可能是最好的解決方案。 – 2013-06-28 04:31:49

我遲到了回答，但我通過谷歌發現了這個問題，並認爲這可能幫助別人在未來

以便放置的傳說，無論如何你水平一樣，所有你需要做的就是設置其width屬性100%，然後把它的子元素，就好像他們是一個行塊內

因此，舉例來說，如果你要的內容右對齊，做

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

當然

， d不要忘了小心標籤的父寬度以避免任何行爲不端

2013-03-14 04:05:48 user151496

問題不在於標籤。如果應用於'

'這個代碼會弄亂字段集邊界。 – 2013-06-28 04:36:55

回答