Question

<table id='tab' border='2'>
<tr><td width="33%">col 1,1</td><td width="33%">col 1,2</td><td width="33%">col 1,3</td></tr>
<tr><td width="50%">col 2,1</td><td width="50%">col 2,2</td></tr>
<tr><td width="33%">col 3,1</td><td width="33%">col 3,2</td><td width="33%">col 3,3</td></tr>
</table>

您好我正在尝试按顺序获取所有列，因此我改变了不同单元格的宽度以达到要求。现在问题是，表格直接占据表格单元格宽度的50％，一切都变形了。我该如何使用它？

即使我使用代码标记，我的html代码也被剥离或渲染，如何插入我的HTML代码？

Answer 1

因为你的第二行只有2列而其他行有3列？

Answer 2

问题是第二行，应该是

<table id='tab' border='2'>
<tr><td width="33%">col 1,1</td><td width="33%">col 1,2</td><td width="33%">col 1,3</td></tr>
<tr><td width="33%">col 2,1</td><td width="33%">col 2,2</td></tr>
<tr><td width="33%">col 3,1</td><td width="33%">col 3,2</td><td width="33%">col 3,3</td></tr>
</table>

或者

<table id='tab' border='2'>
<tr><td width="33%">col 1,1</td><td width="33%">col 1,2</td><td width="33%">col 1,3</td></tr>
<tr><td width="33%">col 2,1</td><td width="66%" colspan="2">col 2,2</td></tr>
<tr><td width="33%">col 3,1</td><td width="33%">col 3,2</td><td width="33%">col 3,3</td></tr>
</table>

Answer 3

我在解释你想要3行，如下所示：

| 1,1 | 1,2 | 1,3 |
|  2,1   |   2,2  |
| 3,1 | 3,2 | 3,3 |

基于这种期望，我知道在没有嵌套表的情况下执行此操作的唯一方法是假装您有4列并向单元格添加colspan=2参数（1,2），（2,1），（2,2）和（3,2）如下：

<table id='tab' border='2'>
<tr><td width="33%">col 1,1</td><td colspan=2 width="33%">col 1,2</td><td width="33%">col 1,3</td></tr>
<tr><td colspan=2 width="50%">col 2,1</td><td colspan=2 width="50%">col 2,2</td></tr>
<tr><td width="33%">col 3,1</td><td colspan=2 width="33%">col 3,2</td><td width="33%">col 3,3</td></tr>
</table>

为了帮助了解不同参数值的各种效果，我推荐w3schools editable "Try it" pages。

使用表数据单元格的width属性来更改表的外观

3 个答案: