请问为什么我合并第四行第三列和第五行第三列,会这么样显示?

请问为什么我合并第四行第三列和第五行第三列,会这么样显示?

<!DOCTYPE html>

<html>

<head>

<title></title>

<meta charset="utf-8" >

</head>

<body>

<table border="5" align="center" cellspacing="0" width="800" cellpadding="20">

<thead bgcolor="pink">

<tr>

<th>星期一</th>

<th>星期二</th>

<th>星期三</th>

<th>星期四</th>

<th>星期五</th>

</tr>

</thead>

<tbody align="center">

<tr>

<td rowspan="2">数学</td>

<td>语文</td>

<td>英语</td>

<td>化学</td>

<td>体育</td>

</tr>

<tr>

<td>音乐</td>

<td>物理</td>

<td>历史</td>

<td>生物</td>

</tr>

<tr align="center">

</tr>

<tr>

<td>语文</td>

<td>英语</td>

<td rowspan="2">语文</td>

<td>美术</td>

<td>自习</td>

</tr>

</tbody>

<tfoot align="center" >

<tr>

<td>英语</td>

<td>物理</td>

<td>体育</td>

<td>数学</td>

</tr>

</tfoot>

</table>

</body>

</html>

http://img1.sycdn.imooc.com//climg/5cd43db200019f0d08110318.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

你的第四行第三列在tbody里面,第五行第三列在tfoot里面,这样不行的

改好的代码如下(我把你的tfoot注释了,里面的内容移到tbody里面了)

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<table border="5" cellspacing="0" width="800" cellpadding="20">


<thead bgcolor="pink">


<tr>


<th>星期一</th>


<th>星期二</th>


<th>星期三</th>


<th>星期四</th>


<th>星期五</th>




</tr>


</thead>


<tbody>


<tr>

<td rowspan="2">数学</td>


<td>语文</td>


<td>英语</td>


<td>化学</td>


<td>体育</td>


</tr>


<tr>

<td>音乐</td>


<td>物理</td>


<td>历史</td>


<td>生物</td>


</tr>


<tr>



<td>语文</td>


<td>英语</td>


<td rowspan="2">语文</td>


<td>美术</td>


<td>自习</td>


</tr>


<tr>


<td>英语</td>


<td>物理</td>


<td>体育</td>


<td>数学</td>


</tr>



</tbody>


<!-- <tfoot >




</tfoot> -->


</table>

</body>

</html>


  • 慕大斯 提问者 #1
    谢谢,也就是说thead tbody和tfoot的内容之间是不能进行跨标签并列行的操作?
    2019-05-10 10:16:57
  • 蜂蜜柚子茶Fly 回复 提问者 慕大斯 #2
    嗯,是这样的。
    2019-05-10 13:31:16
好帮手慕糖 2019-05-10 11:57:51

同学你好,是的哦,thead tbody和tfoot分组之间,不能跨行合并列哦。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师