2013-10-16 58 views
2

有一天,我偶然發現了Pure項目--YUI團隊發佈的一組CSS模塊。我想在我的網站上對錶格進行標準化,我喜歡錶格模塊的外觀。特別是他們稱之爲排列表格的形式。我將CSS添加到我的網站,並將所需的樣式添加到我的表單中,除了我的單選按鈕組之外,它都運行良好。在對齊表格中,每個輸入在左側都有一個標籤,在其標籤的右側有一個輸入。但是單獨的單選按鈕具有單獨的標籤 - 將其設置在按鈕的右側。我正在尋找的是一種爲左側和居中設計的按鈕組添加整體標籤的方法。使用purecss.io框架設計單選按鈕組

我確實找到了解決方法,但我正在尋找更多的專用「純」方法。

我的解決方法是將無線電包括在一個字段集中,並使用字段集的圖例作爲無線電組的標籤。

我很高興聽到其他與Pure Aligned Forms合作的人員的消息,以瞭解您是如何處理這一問題的。

回答

0

你的問題有點含糊我想。如果你要實現的目標是這樣的,

Label 
    radio 
    radio 
    radio 

那麼你做到了(你所說的「解決辦法」)的方式實際上是做到這一點的最好辦法。字段集用於將項目分組在一起,您可以使用圖例作爲標籤。

不過,如果你正在嘗試做這樣的事情,

 radio 
Label radio 
     radio 

那麼你將要使用浮動的div(一到你的標籤和另一個持有,以便將單選按鈕)。

如果不知道你的代碼是什麼樣子以及你正在爲什麼去做什麼,我無法得到更具體的...