對齊和填充的ASP：CheckBoxList的

我有一個asp.net的CheckBoxList如下：對齊和填充的ASP：CheckBoxList的

<asp:CheckBoxList ID="CheckBoxList_Genres" runat="server" RepeatColumns="3"> 
     <asp:ListItem Selected="True">Action</asp:ListItem> 
     <asp:ListItem Selected="True">Comedy</asp:ListItem> 
     <asp:ListItem Selected="True">Classics</asp:ListItem> 
     <asp:ListItem Selected="True">Documentary</asp:ListItem>

[...]

我有兩個問題：文字並不以每個複選框對齊，在某些瀏覽器（特別是Safari）中，複選框和文本之間沒有填充（文本與複選框對齊）。我知道張貼在這裏的答案： How to align checkboxes and their labels consistently cross-browsers

不過，我不知道如何實現在asp這些樣式：CheckBoxList的背景下;我知道CSS樣式可以設置爲複選框列表，但不要認爲這允許我爲「標籤」和「複選框」設置單獨的樣式。幫助將不勝感激。

來源

2009-11-05 alpheus

您應該可以像使用常規復選框一樣將相同的方法應用於CheckBoxList控件的CssClass屬性。

這裏是我用來縮進長文本一些CSS代碼旁邊的一個ASP.net複選框列表：

.chkChoice input 
{ 
    margin-left: -20px; 
} 
.chkChoice td 
{ 
    padding-left: 20px; 
}

ASP.net：

<asp:CheckBoxList id="ChkWork" runat="server" TabIndex="2" CssClass="chkChoice">

來源

2009-11-05 16:45:08 tahdhaze09

在複選框的屬性列表中，將repeatlayout從流切換到表。這將對齊列。

來源

2011-12-29 19:47:20

此外，還要確保你伸展CBL的寬度，直到3列排列。 – 2011-12-29 19:50:16

某些複選框列表項目具有標籤，用於文本和項目之間的空間，例如複選框，您必須提供Css項目的類型。

Exlampel：

.myCheckBoxList label 
{ 
    padding-right: 5px; 
}

，並給車的CheckBoxList類是這樣的：

CssClass="myCheckBoxList"

來源

2013-10-12 08:06:46 Shaahin

這似乎是原始答案的副本。 – Mmm 2015-11-11 15:51:21

對齊和填充的ASP：CheckBoxList的

回答

相關問題