我正在写一个带表格的小程序。而且我发现,如果一个 tr 只包含具有 rowspan 和 colspan 属性的 td,那么当我添加另一个 tr 时,这个 tr 不会在换行符中。 这是代码:
<table>
<tr>
<td colspan='6' rowspan='2'>hello</td>
<td colspan='6' rowspan='2'>hello</td>
</tr>
<tr>
<td>hello</td>
</tr>
<tr>
<td>hello</td>
</tr></table>
作为引用,请参阅 jsFiddle 链接。 http://jsfiddle.net/fvxjq1qL/ 这看起来真的很尴尬,我不知道如何解决这个问题。 非常感谢您的帮助。
http://jsfiddle.net/uhq7o2sw/1/这是我想要的输出(没有第二个空标签)。我写的这个小程序是让用户在html页面上自己画表格的。(我需要获取html格式的表格生成pdf报告,所以用户自己画表格会很方便,我不必为他们编写 html 来获取我需要的数据)。我在测试这个小程序的时候,发现了这个bug。如果用户只想设置一个 tr 具有 6 个 colspans 和 2 rowspan(假设他/她希望 td 更高),那么下一个 tr 将在同一行。所以我试图找到一个解决方案来修复它,但没有成功。
最佳答案
我看得出来你不想用这个,而是用一个空的 <tr />
对于下一个(不存在的)行将解决此问题。
我将此作为答案发布,因为我看不到它在任何地方突出显示,而这是对此类问题的答案,这正是我需要使用的。
<table>
<tr>
<td colspan='6' rowspan='2'>hello</td>
<td colspan='6' rowspan='2'>hello</td>
</tr>
<tr></tr> <!-- THIS LINE -->
<tr>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
<td>hello</td>
</tr>
<tr></tr>
</table>
关于html - tr 仅包含带有 rowspan 的 td 不强制使用下一个 tr 换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30430229/