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

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

最简单的方法是在<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;
}

Answer 2

不确定，但也许：

thead{padding-bottom:2em;}

会给你想要的结果。