Question

我有下表：

出于某种原因，当我渲染它时，每行之间有一个巨大的空间！我到处搜寻，我只是不知道如何消除空间。我尝试手动设置每一行的高度，但仍然没有证明有用，默认的巨大空间覆盖了我抛出的所有内容。有什么建议吗？

<table style="display:block;">
            <tr>
                <td class="auto-style1"><p>תעודת זהות</p></td>
                <td><telerik:RadTextBox runat="server" id="txtId" Skin="Metro"/></td>
            </tr>
            <tr>
                <td class="auto-style1"><p>סיסמא</p></td>
                <td>
                    <telerik:RadTextBox ID="txtPassword" runat="server" Skin="Metro" />
                </td>
            </tr>
            <tr>
                <td class="auto-style1"><p>שם פרטי</p></td>
                <td>
                    <telerik:RadTextBox ID="txtfName" runat="server" Skin="Metro" />
                </td>
            </tr>
            <tr>
                <td class="auto-style1"><p>שם משפחה</p></td>
                <td>
                    <telerik:RadTextBox ID="txtlName" runat="server" Skin="Metro" />
                </td>
            </tr>
            <tr>
                <td class="auto-style1"><p>מספר טלפון</p></td>
                <td>
                    <telerik:RadTextBox ID="txtmPhone" runat="server" Skin="Metro" />
                </td>
            </tr>
            <tr>
                <td class="auto-style1"><p>כתובת</p></td>
                <td>
                    <telerik:RadTextBox ID="txtAddress" runat="server" Skin="Metro" />
                </td>
            </tr>
            <tr>
                <td class="auto-style1"><p>אימייל</p></td>
                <td>
                    <telerik:RadTextBox ID="txtEmail" runat="server" Skin="Metro" />
                </td>
            </tr>
        </table>

式：

    <style type="text/css">
    .auto-style1 {
        width: 126px;
    }

    table tr td p {
        font-family: Arial;
    }
</style>

注意：在visual studio的设计视图中没有间距，看起来很好。只有当它以这种方式呈现时才会出现。

Answer 1

尝试

<style type="text/css">

tr, td, p {
    margin: 0px;
    padding: 0px;
}

</style>`

Answer 2

表总是有填充。所以添加到你的CSS填充：0;

<style type="text/css">
.auto-style1 {
     width: 126px;
 }

table tr td p {
    font-family: Arial;
    padding: 0;

}
</style>

删除行之间的客户端表间距

2 个答案: