对齐和填充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">

---

在复选框列表的属性中，将repeatlayout从流切换到表格。 这将对齐列。

---

一些checkboxlist项目，标签，文本和项目之间的空间，例如复选框，你必须提供Css项目的类型。

Exlampel：

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

并给che checkboxlist类如下所示：

 CssClass="myCheckBoxList" 

链接地址: http://www.djcxy.com/p/41455.html

上一篇: Alignment and padding for asp:CheckBoxList

下一篇: When a user clicks Show link, display the password, hide it when clicked again