Question

我正在尝试创建一个HTML表，其中有四列和任意数量的行。在此表中，前两列只是普通单元格。后两列在顶级表中可以有多行WITHIN行。我的问题是如何正确对齐列分隔符，即使每个单元格中的内容长度是可变的。

我的尝试试图利用：

<td colspan=2>

我要做的事情示例：https://jsfiddle.net/hurnzhmq/

我在JSFiddle中缺少的东西是：

将Content3A / Content4A与Content3B / Content4B分开的两行之间没有分隔符 - 我尝试对最后一个孩子使用“bottom-border：none”，但这似乎不起作用。
Content3A / Content3B与Content4A / Content4B之间的列分隔符未与标题的列分隔符对齐，并且不要触及表格的末尾（有间隙）。

关于如何解决这个问题的任何建议都将非常感谢！

Answer 1

我认为你应该使用rowspan而不是colspan 你可以使用下面的代码

 <html>


     <table border=1 >

      <tr>
      <td>Header1</td>
      <td>Header2</td>
      <td>Header3</td>
      <td>Header4</td>
      </tr>

      <!-- Content -->
       <tr>
      <td rowspan="2">Content1</td>
      <td rowspan="2" >Content2</td>
      <td > Content3A</td>
      <td > Content2</td>
      </tr>
      <tr>

      <td > Content3B</td>
      <td > Content2</td>
    </tr>
  </table>
  </html>

将表格合并到HTML

1 个答案: