为什么加了thead、tbody、tfoot后高度不是平均分的
<!DOCTYPE html>
<html>
<head>
<title>表格属性</title>
<meta charset="utf-8">
</head>
<body>
<!-- 在以下表格标签中添加相应代码 -->
<table width="500px" border="1px" cellpadding="5px" cellspacing="0" height="300px">
<caption>课程表</caption>
<thead>
<tr bgcolor="pink">
<th>星期一</th>
<th>星期二</th>
<th>星期四</th>
<th>星期五</th>
</tr>
</thead>
<tbody>
<tr align="center">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td bgcolor="pink">语文</td>
<td>数学</td>
<td>英语</td>
<td>生物</td>
</tr>
</tbody>
<tfoot>
<tr align="center">
<td>课间活动</td>
<td bgcolor="pink">课间活动</td>
<td>课间活动</td>
<td>课间活动</td>
</tr>
<tr align="center">
<td>语文</td>
<td>数学</td>
<td bgcolor="pink">英语</td>
<td>生物</td>
</tr>
<tr align="center">
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td bgcolor="pink">生物</td>
</tr>
</tfoot>
</table>
</body>
</html>
正在回答
你好同学，当不去指定thead、tbody、tfoot的高度时，表格默认会为tbody多分配一些，所以tbody里面的内容高度比其他区域的大。你可以把表格所有的内容都放在tbody里面，会发现它们高度就会均分了。
例如你把tfoot的内容也放在tbody里面，tbody里面的td高度会均分，但是大于thead中的哦
所以本题的话，直接去掉thead、tbody、tfoot即可。
祝学习愉快 ，望采纳。
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星