Question

我的复选框列表非常难看。盒子没有正确对齐。见截图。

Answer 1

我认为你不需要在这里指定任何宽度，尽量不要，也许它会完成这项工作。如果没有，请发布相关的CSS样式（如果有的话）......

<asp:CheckBoxList runat="server" ID="cblType" 
                    OnSelectedIndexChanged="cblType_OnSelectedIndexChanged" AutoPostBack="True" 
                    RepeatDirection="Horizontal">

Answer 2

我想提一下，你的复选框列表将坚持宽度=＆＃34; 195px＆＃34; 。所以我的建议是根据你的设计增加宽度，或者如下所述将其删除：

<asp:CheckBoxList runat="server" ID="cblType" 
                        OnSelectedIndexChanged="cblType_OnSelectedIndexChanged" AutoPostBack="True" 
                        RepeatDirection="Horizontal">
    <Items>
        <asp:ListItem Text="IPP Stories" Value="IPP Stories"></asp:ListItem>
        <asp:ListItem Text="OutReach Activities " Value="OutReach Activities"></asp:ListItem>
        <asp:ListItem Text="CCA" Value="CCA"></asp:ListItem>
        <asp:ListItem Text="Community Work" Value="Community Work"></asp:ListItem>
        <asp:ListItem Text="Competition" Value="Competition"></asp:ListItem>
        <asp:ListItem Text="Overseas Experience" Value="Overseas Experience"></asp:ListItem>
        <asp:ListItem Text="FYPJ" Value="FYPJ"></asp:ListItem>
    </Items>
</asp:CheckBoxList>

建议：

如果我遇到这种情况，那么我会通过添加 RepeatColumns =＆＃34; 3＆＃34; 或 RepeatColumns =＆＃34; 4＆＃34; 在CheckboxList属性中。

我的复选框列表没有正确水平对齐

2 个答案: