Html表，rowspan问题
[英]Html table, rowspan issue
问题描述
我正在尝试构建一个这样的表：
这是我的解决方案：
<html>
<head>
</head>
<body>
<table border="1px">
<tr>
<td rowspan="6"></td>
<td rowspan="3"></td>
<td rowspan="2"></td>
</tr>
<tr><td rowspan="3"></td><td rowspan="2"></td></tr>
<tr><td rowspan="2"></td></tr>
</table>
</body>
</html>
这似乎是合乎逻辑的，但它不适用于任何浏览器。 HTML中有什么方法可以构建这样的表吗？
3 个解决方案
解决方案1
6 2014-08-26 15:37:01
试试这个：
<table style="border: 1px solid #999">
<tr>
<td rowspan="4"> </td>
<td rowspan="2"> </td>
<td> </td>
</tr>
<tr>
<td rowspan="2"> </td>
</tr>
<tr>
<td rowspan="2"> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
解决方案2
6 已采纳 2014-08-26 15:44:41
你只有3行，所以它永远不会起作用。 当您使用rowspan="6"定义第一个单元格时，您至少需要6行。
您可以通过在图表中想象6行来布局单元格，然后您可以看到给定单元格的哪一行开始。 下图以第一次遇到的顺序显示了每个单元格;
所以下面的代码将产生该布局;
<html>
<head>
</head>
<body>
<table border="1px">
<tr>
<td rowspan="6"> </td> <!-- Box 1 -->
<td rowspan="3"> </td> <!-- Box 2 -->
<td rowspan="2"> </td> <!-- Box 3 -->
</tr>
<tr></tr>
<tr><td rowspan="2"> </td></tr> <!-- Box 4 -->
<tr><td rowspan="3"> </td></tr> <!-- Box 5 -->
<tr><td rowspan="2"> </td></tr> <!-- Box 6 -->
<tr></tr>
</table>
</body>
</html>
是的，我可以看到结构。
希望这可以帮助。
解决方案3
3 2014-08-26 15:44:38
您可以坚持使用6/3/2 rowspan，但是您需要包含您正在跨越的空行。 例如：
<table border="1px">
<tr>
<th rowspan="6">6</th>
<td rowspan="3">3</td>
<td rowspan="2">2</td>
</tr>
<tr><!-- empty row --></tr>
<tr><td rowspan="2">2</td></tr>
<tr><td rowspan="3">3</td></tr>
<tr><td rowspan="2">2</td></tr>
<tr><!-- empty row --></tr>
</table>
HTML表格的rowpan或colspan问题？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.