如何刪除桌子底部的空白空間？

Question

我想弄清楚爲什麼我的桌子底部有空的空間？我怎樣才能刪除那個空間？

下面是代碼：

<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#CDD2FF"> 
    <tr> 
    <td style="vertical-align:bottom"> 

     <ul> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     <li> 
      <a href="x.php">Item</a> 
     </li> 
     </ul> 

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

Answer 1

即分配給UL元素的默認保證金的，因爲空間。 嘗試將margin-bottom設置爲0;即：

<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#CDD2FF"> 
    <tr> 
     <td style="vertical-align:bottom"> 
     <ul style="margin-bottom: 0"> 
      <li><a href="x.php">Item</a></li> 

      <li><a href="x.php">Item</a></li> 

      <li><a href="x.php">Item</a></li> 
     </ul> 
     </td> 
    </tr> 
    </table>