Question

您好我使用以下CSS脚本来对齐我的ASP.NET项目中的复选框 -

.checkbox-grid td 
        {
             text-align: left !important;
             display: inline-table !important;
             float: left !important;
             width: 183px !important;
        }

The Image of the page before Distortion

页面上有一个名为“开放记录”的控件，可将所选记录打开到新选项卡上。每当我选择一个记录并打开它时，当前页面中的复选框呈现会变形，如下图所示

The image of the page after distortion

我已将表格和行的最大宽度设置为800px但它已断开。

任何线索，我哪里出错？

以下是我使用的线条。

<table>
    <tr>
        <td>The controls on the left side</td>
        <td>
            <div style="margin:15px 15px !important;">
                <asp:CheckBoxList runat="server" ID="valArea" RepeatDirection="Horizontal" RepeatColumns = "4" CssClass="checkbox-grid">
                    <asp:ListItem Value="Anupam Nagar">Anupam Nagar</asp:ListItem>
                    <asp:ListItem Value="Atulbaug">Atulbaug</asp:ListItem>
                    . . . and so on 
                </asp:CheckBoxList>
            </div>

        </td>
    </tr>
</table>

Answer 1

您正在设置RepeatDirection="Horizontal"，告诉它以这种方式布置您的控件。您还可以设置RepeatColumns = "4"以指定列数。

单击某个控件时CSS会失真

1 个答案: