为什么我使用这种标准语法得到奇怪的html表结果？

Question

我在wordpress网站上使用此代码，但我得到了奇怪的结果。我想将表格行分成两列，但我最终只是粘贴了一点额外的一点。我做错了什么？

<table>
 <tr>
  <td style="padding:0px;">
deleted the content to make this less to read
  </td>
 </tr>

 <tr>
  <td style="padding:0px;">
this is a test
  </td>
  <td style="padding:0px;">
as is this
  </td>
 </tr>

 <tr>
  <td style="padding:0px;">
deleted the content to make this less to read
  </td>
 </tr>

 <tr>
  <td style="padding:0px;">
deleted the content to make this less to read
  </td>
 </tr>

 <tr>
  <td style="padding:0px;">
deleted the content to make this less to read
  </td>
</tr>
</table>

我得到了这个奇怪的一点，而不是我想要的分裂：

是否与下表中对齐的右图像内容有关？

Answer 1

表中的列数必须是常量。

将colspan="2"添加到单个单元格中。

Answer 2

表的列数与列中列数最多的行数相同。如果其他行中缺少单元格，则它们将从渲染中省略，并且单元格不会拉伸以适应。

使用colspan使单元格占用多列。

在您的情况下，您似乎根本没有表格数据，因此首先不要使用表格。

Answer 3

您的第二行是两列宽，但其余行仍然只是一列宽。向其他每一行添加第二列，或者扩展其他列中的单元格，使它们覆盖两列，如下所示：

 <tr>
  <td style="padding:0px;" colspan=2>
deleted the content to make this less to read
  </td>
 </tr>

您需要为只有一列的所有行执行此操作。