关于表格单元格合并的问题
rowspan=“2”设置完成后，把第二行第一个删除，为什么表格第二行出现后面格子整体前移了？
并没有合并？
<table border="1" width="500px" bgcolor="pink" frame="box" cellspacing="0" >
<caption>阿拉伯数字</caption>
<thead>
<tr>
<th rowspan="2">1</th>
<th colspan="2">3</th>
<th>5</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td bgcolor="green">3</td>
<td>4</td>
<td>5</td>
</tr>
</tbody>
<tfoot align="center">
<tr>
<td>1111111</td>
<td>333333333</td>
<td>44444444</td>
<td>555555555</td>
</tr>
</tfoot>
</table>
正在回答
你是不是想做这样 代码下面，你看一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table border="1" width="500px" bgcolor="pink" cellspacing="0" >
<caption>阿拉伯数字</caption>
<thead>
<tr>
<th>1</th>
<th colspan="2">3</th>
<th>5</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td bgcolor="green">3</td>
<td>4</td>
<td>5</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>1</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</tfoot>
</table>
</body>
</html>
你的问题出在，thead标签上的tr，你看一下，我写的就知道怎么回事了！
应该是这样的吧！代码下面：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table border="1" width="500px" bgcolor="pink" cellspacing="0" >
<caption>阿拉伯数字</caption>
<thead>
<tr>
<th rowspan="2">1</th>
<th colspan="2">3</th>
<th>5</th>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td bgcolor="green">3</td>
<td>4</td>
<td>5</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>1</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</tfoot>
</table>
</body>
</html>
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星