head、tbody、tfoot是行内元素吗？为什么对thead设置高度无效
来源：2-5 带标题、表头和结构的表格
王文辉
2020-03-08 00:53:03
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
table{
width: 100%;
}
thead{
height: 200px;
background: #333333;
}
/* thead tr td{
height: 200px;
} */
</style>
</head>
<body>
<table border="" cellspacing="" cellpadding="">
<thead>
<tr><td>thead</td></tr>
</thead>
<tbody>
<tr><td>body</td></tr>
</tbody>
<tfoot>
<tr><td>foot</td></tr>
</tfoot>
</table>
</body>
</html>
1回答
-
同学你好， 对于你的问题解答如下：
thead、tbody、tfoot不是行内元素，它们只是起到一个分组的作用。
因为thead、tbody和tfoot 元素，主要作用是对表格的内容进行分组，默认不会影响表格的布局，所以设置宽高等属性无效。同学如果需要设置高度，可以针对单元度td进行设置。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题