表 - 增加標題和第一行之間的空間

我想增加標題行和表中第一行之間的空間。我該怎麼做呢？表 - 增加標題和第一行之間的空間

我有以下幾點：

<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;"> 表體，但這不起作用。

來源

2011-05-31 Riain McAtamney

不知道，但也許：

thead{padding-bottom:2em;}

會給你你想要的結果。

來源

2011-05-31 12:35:48 stefgosselin

不能將填充應用到'thead'元素，給它一個測試，什麼都不會發生，就像你無法填充'tr'或'tbody'一樣 – 2011-05-31 12:41:13

最簡單的方法是將填充添加到<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; 
}

來源

2011-05-31 12:39:28

表 - 增加標題和第一行之間的空間

回答

相關問題