Html 样式asp:引导面板中的复选框列表

我试图为一个动态加载的复选框列表做一个很好的布局，但是当涉及到CSS时，我是相当不称职的。我希望复选框填充面板主体中的空间，居中对齐，然后开始新的一行。repeat columns属性使它们成为一个漂亮的表格，但它们不能在面板主体内居中对齐

HTML

C

---

以下是asp:CheckBoxList在HTML中的呈现方式：

<table id="MainContent_ctl00">
    <tbody>
        <tr>
            <td>
                <input id="MainContent_ctl00_0" name="ctl00$MainContent$ctl00$0" value="text1" type="checkbox">
                <label for="MainContent_ctl00_0">text1</label>
            </td>
        </tr>
        <tr>
            <td>
                <input id="MainContent_ctl00_1" name="ctl00$MainContent$ctl00$1" value="text2" type="checkbox">
                <label for="MainContent_ctl00_1">text2</label>
            </td>
        </tr>
    </tbody>
</table>

因此，为表格元素、输入和标签设置相应的CSS样式。一些建议：将表格和td宽度设置为100%，将td文本对齐设置为中心。或者，要使整个桌子居中，请给它一个固定的宽度，并将左/右边距设置为“自动”

private void populateCheckGrid()
{
    string virusId;
    using (VirusDescriptionActions usersVirus = new VirusDescriptionActions()){
        virusId = usersVirus.GetVirusId();
    }
    List<Virus_Item> currentVirus = getVirus(virusId);
    foreach (Virus_Item V in currentVirus)
    {
        ListItem item = new ListItem();
        item.Text = V.AttributeId.ToString();
        item.Selected = false;
        checkBoxList.Items.Add(item);
    }
}

<table id="MainContent_ctl00">
    <tbody>
        <tr>
            <td>
                <input id="MainContent_ctl00_0" name="ctl00$MainContent$ctl00$0" value="text1" type="checkbox">
                <label for="MainContent_ctl00_0">text1</label>
            </td>
        </tr>
        <tr>
            <td>
                <input id="MainContent_ctl00_1" name="ctl00$MainContent$ctl00$1" value="text2" type="checkbox">
                <label for="MainContent_ctl00_1">text2</label>
            </td>
        </tr>
    </tbody>
</table>