Question

为什么在第一个单元格的右侧添加一个空格？如何删除？我包括了结果的图像。它应该是美国国旗，但我只是无法在第一个牢房中获得空间。我是编码的新手，我只需要在表中制作一个美国国旗作为类项目即可。

<!DOCTYPE html>
<html>

<head>
  <title>Flag2</title>
  <style type="text/css">
    table,
    td {
      border: 1px solid black;
    }
  </style>
</head>

<body>

  <table width="300px;">
    <tr>
      <td>
        <table>
          <tr>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*
            </td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
          </tr>
          <tr>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
          </tr>
          <tr>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*
            </td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
          </tr>
          <tr>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
          </tr>
          <tr>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*
            </td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
          </tr>
          <tr>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
          </tr>
          <tr>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*
            </td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
          </tr>
          <tr>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
          </tr>
          <tr>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*
            </td>
            <td></td>
            <td>*</td>
            <td></td>
            <td>*</td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </table>

</body>
</html>

Answer 1

您要折叠边框

table {
  border-collapse: collapse;
}

为什么要在表格单元格内增加间距？

1 个答案: