如何删除表格底部的空白区域？

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>