gpt4 book ai didi

html - "overflow: hidden;"用于百分比大小的表格单元格

转载 作者:行者123 更新时间:2023-11-28 09:16:03 26 4
gpt4 key购买 nike

我想要一个填满整个窗口的表格,每行填满表格(以及窗口)高度的一半,并在调整窗口大小时保持此布局。我可以在内容不溢出时执行此操作,但是当第一行中的内容需要的高度按百分比大于计算的高度时,该行不再保留百分比,而是保持所需的高度并且将第二行推出窗口。我试过“溢出:隐藏;”对于行,但这不是它的工作方式。那我该怎么做呢?

<!doctype html>
<html>
<head>
<style>
html,body{height:100%;}
table{height:100%;}
table>tbody>tr{height:50%;overflow:hidden;}
</style>
</head>
<body>
<table>
<tr>
<td>abc<br />abc<br />abc<br />abc<br />abc<br />abc<br />abc<br />abc<br /></td>
</tr>
<tr>
<td>def</td>
</tr>
</table>
</body>
</html>

最佳答案

像下面这样更新你的 CSS。

 html,body{height:100%; padding:0; margin:0;}
table{height:100%;}
table td{height:100%; overflow:auto; display:block; border:1px solid #ff00ff;}

DEMO

关于html - "overflow: hidden;"用于百分比大小的表格单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26294055/

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