我在下面有 HTML 标记。我需要将包含表格的 div 的大小减少一半，所以基本上溢出:隐藏并且只显示指定大小内包含的 div 的一部分。但是，包含的 div 上的高度属性未应用于表格。
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
.temp{
height: 20px;
}
</style>
</head>
<body>
<div class="temp">
<table border="1">
<tr>
<td>This is a test.</td>
<td>Do you see what I mean?</td>
<td>I hate this overflow.</td>
</tr>
</table>
</div>
</body>
</html>
最佳答案
.temp{
height: 15px;
overflow: hidden;
}
如果您需要的话，这会将您拥有的一行文本减半。你确定你不是这个意思
<tr>
<td>This is a test.</td>
</tr>
<tr>
<td>Do you see what I mean?</td>
</tr>
<tr>
<td>I hate this overflow.</td>
</tr>
制作 3 行，然后隐藏其中的一些？
关于html - 如何缩小包含表格的div的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12185010/