Question

我有一个令人讨厌的问题，制作一个没有任何CSS mod的超级简单表。代码如下：

      <table>
         <tr>
            <th>ID</th>
            <th>Country</th>
            <th>Count</th>
         </tr>
         <tr>
            <td>2<td>
            <td>ARGENTINA<td>
            <td>7379<td>
         </tr>
         <tr>
            <td>3<td>
            <td>CHILE<td>
            <td>6543<td>
         </tr>
         <tr>
            <td>4<td>
            <td>EGYPT<td>
            <td>6512<td>
         </tr>
      </table>

我试图在这个超级简单的代码中发现错误，为什么表头的列拒绝与其各自的值对齐？似乎有一个额外的鬼列被创建。有人可以解释一下吗？

Answer 1

你的线路没有关闭。你有结束标签的位置。

<table>
         <tr>
            <th>ID</th>
            <th>Country</th>
            <th>Count</th>
         </tr>
         <tr>
            <td>2</td>
            <td>ARGENTINA</td>
            <td>7379</td>
         </tr>
         <tr>
            <td>3</td>
            <td>CHILE</td>
            <td>6543</td>
         </tr>
         <tr>
            <td>4</td>
            <td>EGYPT</td>
            <td>6512</td>
         </tr>
      </table>

Answer 2

您没有结束标记。

试试这个：

<table>
     <tr>
        <th>ID</th>
        <th>Country</th>
        <th>Count</th>
     </tr>
     <tr>
        <td>2</td>
        <td>ARGENTINA</td>
        <td>7379</td>
     </tr>
     <tr>
        <td>3</td>
        <td>CHILE</td>
        <td>6543</td>
     </tr>
     <tr>
        <td>4</td>
        <td>EGYPT</td>
        <td>6512</td>
     </tr>
  </table>

然后看起来它试图为每个创建结束标记...结果你最终得到了奇怪的额外列。

带有ghost列的HTML表格列

2 个答案: