asp:CheckBoxList 的對齊和填充

我有一個 asp.net 複選框列表，如下所示：

   <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）中，複選框和文本之間沒有填充（文本靠在復選框上）。我知道這裡發布的答案： 如何對齊複選框及其標籤一致地跨瀏覽器

但是，我不知道如何在 asp:checkboxlist 上下文中實現這些樣式；我知道可以為複選框列表設置 css 樣式，但不要認為這允許我為“標籤”和“複選框”設置單獨的樣式。幫助將不勝感激。

您應該能夠對 CheckBoxList 控制項的 CssClass 屬性應用與正常複選框相同的方法。

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

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

ASP.net:

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

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

引用自：https://stackoverflow.com/questions/1681425