具有rowspan和colspan的HTML表未按预期对齐

时间:2017-04-08 10:13:29

标签: html html-table

我一直用这种方式绞尽脑汁而且没有一个我遇到的修复工具帮助了我,所以我现在正在寻求帮助。

我有一个由行对集合构成的表,应该以特定方式组合。下面是我一直使用的html结构。



<table border=1>
    <tr>
      <td rowspawn="2">a</td>
      <td rowspawn="2">b</td>
      <td rowspawn="2">c</td>
      <td>d</td>
      <td>e</td>
      <td>f</td>
      <td rowspawn="2">g</td>
      <td rowspawn="2">h</td>
    </tr>
    <tr>
      <td colspan="3">def</td>
    </tr>
</table>
&#13;
&#13;
&#13;

我的理解是细胞&#34; d&#34; &#34; E&#34; &#34; F&#34;应该有细胞&#34; def&#34;直接在他们之下,但我有以下JSFiddle

我相信我应该看到类似的东西

-------------
| d | e | f |
-------------
| def       |
-------------

这对我没有任何意义,所以任何帮助都会非常感激。 感谢。

1 个答案:

答案 0 :(得分:1)

你只是在&#34; rowspawn&#34;中犯了一个错误。 (它&#34; rowspan&#34;)

&#13;
&#13;
<table border=1>
    <tr>
      <td rowspan="2">a</td>
      <td rowspan="2">b</td>
      <td rowspan="2">c</td>
      <td>d</td>
      <td>e</td>
      <td>f</td>
      <td rowspan="2">g</td>
      <td rowspan="2">h</td>
    </tr>
    <tr>
      <td colspan="3">def</td>
    </tr>
</table>
&#13;
&#13;
&#13;