head、tbody、tfoot是行内元素吗?为什么对thead设置高度无效

head、tbody、tfoot是行内元素吗?为什么对thead设置高度无效

<!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回答

同学你好, 对于你的问题解答如下:

  1. thead、tbody、tfoot不是行内元素,它们只是起到一个分组的作用。

  2. 因为thead、tbody和tfoot 元素,主要作用是对表格的内容进行分组,默认不会影响表格的布局,所以设置宽高等属性无效。同学如果需要设置高度,可以针对单元度td进行设置。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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