Question

我想增加表格中标题行和第一行之间的空间。我该怎么做？

我有以下内容：

<asp:Repeater ID="myRepeater" runat="server" >
   <HeaderTemplate>
        <table style="width:100%;" border="0" cellpadding="0" cellspacing="0">
            <thead>
                <tr align="left">
                        <th style="width:15%">
                            Column 1  
                        </th>
                        <th style="width:15%">
                            Column 2
                        </th>
                        <th style="width:15%">
                            Column 3
                        </th>                            
                     </tr>
                </thead>
        </HeaderTemplate>
        <ItemTemplate>
                <tbody style="padding-top: 50px;">
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                   </tr>                        
                </tbody>
        </ItemTemplate>
        <SeparatorTemplate>
            <tr style="padding-bottom: 30px;">
                <td colspan="7" style="padding-bottom: 20px; padding-top: 20px;">
                    <hr style="width:100%" /></td>
            </tr>
        </SeparatorTemplate>
        <FooterTemplate>
            </table>
        </FooterTemplate>
    </asp:Repeater>

如您所见，我添加了<style="padding-top: 50px;"> 到桌子身体，但这不起作用。

Answer 1

不确定，但也许：

thead{padding-bottom:2em;}

会给你想要的结果。

Answer 2

最简单的方法是在<th>元素的底部添加填充

<th style="width:15% padding-bottom: 50px">
     Column 1  
</th>
<th style="width:15% padding-bottom: 50px">
     Column 2
</th>
<th style="width:15%; padding-bottom: 50px">
     Column 3
</th>

注意：这对于测试目的很有用，但这应该在样式表中完成，而不是直接在html中完成。

th {
    padding-bottom: 50px;
}

表 - 增加标题和第一行之间的空间

2 个答案: