如何删除桌子底部的空白空间？

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>