我正在为学校工作做一个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>
决赛桌如下:
你知道吗?
答案 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但它所在的行算作其中之一。