gpt4 book ai didi

html - 无法将行高设置为等于表格高度

转载 作者:行者123 更新时间:2023-11-28 07:53:05 25 4
gpt4 key购买 nike

看看这个 fiddle :

https://jsfiddle.net/rahul_singh1/472532y8/1/

<body>
<div class="main">
<table class="top">
<tbody>
<tr><td>Text</td></tr>
</tbody>
</table>
</div>
</body>

CSS:

.main {height:40px; background-color:blue}
.top {height: 100%; width: 55%; margin: 0px auto 0px auto; background-color:green;}
.top>tbody>tr {height: 100%;}
.top>tbody>tr>td {color:red;background-color: white;}

我检查了 DOM。 divtabletbody 的高度都为 40px。但行高为 36px

如何使行高为 100%

最佳答案

为您的表格应用 cellpadding 和 cellspacing 为零。

<body>
<div class="main">
<table class="top" cellpadding="0" cellspacing="0">
<tbody>
<tr><td>Text</td></tr>
</tbody>
</table>
</div>
</body>

DEMO

您也可以使用 CSS 实现上述相同效果。应用填充:0;边框折叠:折叠;

.top {height: 100%; width: 55%; margin: 0px auto 0px auto; padding:0; border-collapse:collapse; background-color:green;}

DEMO2

关于html - 无法将行高设置为等于表格高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30274935/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com