一个非常简单的html表

时间:2017-10-04 14:21:30

标签: html html-table

我需要制作如下表格:

enter image description here

这是我的代码,从逻辑上讲,所有内容似乎都写得正确,但如果删除多余的单元格,那么一切都会中断。什么可能有错误? 我非常感谢你的帮助



<table border=1>
  <tr>
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
  </tr>
  <tr>
    <td>Four</td>
    <td>Five</td>
    <td rowspan=2>Six</td>
  </tr>
  <tr>
    <td rowspan=2>Seven</td>
    <td rowspan=2>Eight</td>
    <td>Extra</td>
  </tr>
  <tr>
    <td>Nine</td>
  </tr>
</table>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

在这里 - 我只是在较高/合并的单元格中添加了第二行文本,但它(仅)在没有它的情况下工作&#34; Extra&#34;细胞:

&#13;
&#13;
table {
  border-collapse: collapse;
}
td {
  border: 1px solid #444;
}
&#13;
<table>
  <tr>
    <td>One</td>
    <td>Two</td>
    <td>Three</td>
  </tr>
  <tr>
    <td>Four</td>
    <td>Five</td>
    <td rowspan=2>Six<br>X</td>
  </tr>
  <tr>
    <td rowspan=2>Seven<br>X</td>
    <td rowspan=2>Eight<br>X</td>
  </tr>
  <tr>
    <td>Nine</td>
  </tr>
</table>
&#13;
&#13;
&#13;