HTML 表格在行的底部添加空间。

Question

这张 table 我用了一段时间了，现在突然坏了。我的文件中有 CSS，但无论出于何种原因，它现在在发布表单图像后在表格行的底部添加了一个空行。即使是同一张没有 CSS 的表格，它也能做到这一点。我试过 table 高度，间距，这些作品。我不明白为什么这里有一个空行。如果结果证明这是一个愚蠢的修复程序，我深表歉意，我已经搜索并尝试了很多修复程序。

HERE IS AN EXAMPLE

<table border="1">
      <tr>
        <td></td>

        <td>
          <form action="" method="post">
            <div>
              <input type="hidden" name="id" value="" />
              <input type="hidden" name="d" value="1" />
              <input type="image" src="../resources/img/direction/up_arrow.png" alt="Up" width="62" height="62" />
            </div>
          </form>
        </td>

        <td></td>
      </tr>

      <tr>
        <td>
          <form action="" method="post">
            <div>
              <input type="hidden" name="id" value="" />
              <input type="hidden" name="d" value="2" />
              <input type="image" src="../resources/img/direction/left_arrow.png" alt="Left" width="62" height="62" />
            </div>
          </form>
        </td>

        <td>
          <form action="" method="post">
            <div>
              <input type="hidden" name="id" value="" />
              <input type="hidden" name="r" value="1" />
              <input type="image" src="../resources/img/direction/rest_button.png" alt="Rest" width="62" height="62" />
            </div>
          </form>
        </td>

        <td>
          <form action="" method="post">
            <div>
              <input type="hidden" name="id" value="" />
              <input type="hidden" name="d" value="3" />
              <input type="image" src="../resources/img/direction/right_arrow.png" alt="Right" width="62" height="62" />
            </div>
          </form>
        </td>
      </tr>

      <tr>
        <td></td>

        <td>
          <form action="" method="post">
            <div>
              <input type="hidden" name="id" value="" />
              <input type="hidden" name="d" value="4" />
              <input type="image" src="../resources/img/direction/down_arrow.png" alt="Down" width="62" height="62" />
            </div>
          </form>
        </td>

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

Answer 1

td 的form 有边距。添加以下 CSS:

form {
    margin: 0;
}

为了防止更多此类行为，您应该包括例如一个normalize.css相反。