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

Question

我想弄清楚为什么我的 table 底部有空位？我怎样才能删除那个空间？

代码如下:

<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>