HTML表列计数问题

时间:2015-10-12 19:38:36

标签: html html-table

我正在为学校工作做一个HTML表格,但我没有通过W3C Validator得到它。起初我得到了一些“Stray end tag tr”错误,但在修复之后,它一直向我显示警告:

  

表格行宽1列,小于第1行(3)建立的列数。

我实际上明白这意味着什么,但我似乎无法找到解决方法。我尝试了一些东西,但它总是搞砸了桌子。

修复“Stray end tag tr”错误后,我得到了这段代码:

<table border="1">
    <tr>
        <th colspan="3">Title 1</th>
    </tr>
    <tr>
        <th rowspan="4">Title 2</th>
    </tr>
    <tr>
        <td>Something 1</td>
        <td>Something 2</td>
    </tr>
    <tr>
        <td>Something 3</td>
        <td>Something 4</td>
    </tr>
    <tr>
        <td>Something 5</td>
        <td>Something 6</td>
    </tr>
    <tr>
        <th rowspan="3">Title 3</th>
    </tr>
    <tr>
        <td>Something 7</td>
        <td>Something 8</td>
    </tr>
    <tr>
        <td>Something 9</td>
        <td>Something 10</td>
    </tr>
</table>

决赛桌如下:

EC2 User Data during instance configuration

你知道吗?

1 个答案:

答案 0 :(得分:2)

我认为rowspan单元格会将该行计为单个单元格。我认为您需要使用以下内容将它们与以下行组合:

<table border="1">
<tr>
    <th colspan="3">Title 1</th>
</tr>
<tr>
    <th rowspan="3">Title 2</th>
    <td>Something 1</td><td>Something 2</td>
</tr>
<tr><td>Something 3</td><td>Something 4</td></tr>
<tr><td>Something 5</td><td>Something 6</td></tr>
<tr>
    <th rowspan="2">Title 3</th>
    <td>Something 7</td><td>Something 8</td>
</tr>
<tr><td>Something 9</td><td>Something 10</td></tr>
</table>

如果它有帮助,那么表明问题的是rowspan值比它们应该高1 - 你实际上并不希望单元格跨越4行,你希望它跨越3但它所在的行算作其中之一。