表格单元格高度-是否有一些最小的大小必须坚持？
下表为3x3表：
<html>
<body style="overflow:hidden;">
<style>
div.table_div {overflow:scroll;width:378px;height:117px;position:relative;}
table.TheTable {width:361px;height:100px;table-layout:fixed;border-collapse:collapse;border:1px solid #000000;}
td.TheTableColumnCell {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border:1px solid #000000;}
</style>
<div class="table_div" id="table_div">
<table class="TheTable">
<tr id='firstTr'>
<td class="TheTableColumnCell"> </td>
<td class="TheTableColumnCell"> </td>
<td class="TheTableColumnCell"> </td>
</tr>
<tr>
<td class="TheTableColumnCell"> </td>
<td class="TheTableColumnCell"> </td>
<td class="TheTableColumnCell"> </td>
</tr>
<tr>
<td class="TheTableColumnCell"> </td>
<td class="TheTableColumnCell"> </td>
<td class="TheTableColumnCell"> </td>
</tr>
</table>
</div>
</body>
</html>值得一提的是：
a)表宽为361 is，因为:每个单元格为119 is (119 x3= 357)。然后为这四个边框添加4px。
b)表高为100 96，因为:每个细胞32 96(32x3= 96)。然后为这四个边框添加4px。
c) div标签。对于我的窗口设置，滚动条的宽度/高度为17 is。这就是为什么您看到div宽度和高度378 17 (361 + 17)和117 17 (100 + 17)。div的目的是为了防止我不得不滚动(在我的3x3示例中，我真的不必滚动)。
总之:这是一个3x3固定宽度/高度表。如果您将该代码剪切并粘贴到html文件中并在浏览器中打开，您将看到滚动条，但它们都不允许您滚动(因为我的宽度/高度设置为不滚动显示所有内容)。
问题：
做以下工作：
不要让每个单元格的高度为32 of，而要使它们达到16 of。因此，table.TheTable的高度应该改为52 of (而不是100 of)。div.table_div的高度应该更改为69 my (而不是117 my)--同样，我的滚动条高度为17 my。
垂直滚动条，虽然总是可见的，现在滚动。我现在不能把所有东西都装上？但我认为我的计算是正确的？神奇的数字似乎是22 be。小于22 get (高度)，我得到一个滚动条，滚动。大于22‘t，我得到一个不滚动的滚动条。如果div标记计算正确，则滚动条不应该滚动。如果高度小于22 do，该如何避免？
编辑:溢出:滚动是必要的。我从一个更大的集合中提取了这个HTML代码。在实际代码中，表要大得多。div标记允许我显示一定数量的单元格，并且我可以滚动看到其余的单元格。当我开始玩身高小于22便士的时候，我发现了这个问题。因为它搅乱了我想做的其他事情。
回答 3
Stack Overflow用户
发布于 2011-12-07 01:12:29
您的问题现在变成了字体大小/线条高度：
http://jsfiddle.net/EZ6q2/1/
您需要减少字体大小：
http://jsfiddle.net/EZ6q2/2/
或线高http://jsfiddle.net/EZ6q2/3/
回应您的评论
空白仍然是内容，并将算作一行的文本。完全清空细胞也解决了火狐的问题。请小心，因为有些浏览器--我完全崩溃的空单元格--(我在一些较旧的浏览器(可能是IE6)中经历过这种情况)。
http://jsfiddle.net/EZ6q2/5/
--的进一步跟进
你所指的“填充”是线的高度。据我从规格了解到的情况，这是由字体本身包含的度量来决定的，在默认情况下是字体大小的一部分，这就是为什么更改字体大小的原因。改变线的高度会给你一个绝对的结果。
请参阅这把小提琴
Stack Overflow用户
发布于 2011-12-06 23:05:35
拿走
overflow:scroll 离开div.table_div
如果你也想要的话，还可以用角滚动条替换它。
overflow-x:scroll此外，您还需要稍微大一点的高度来补偿滚动条的大小(大约是26 about )。
Stack Overflow用户
发布于 2011-12-06 23:12:31
我创建了http://jsfiddle.net/EZ6q2/
使用HTML + CSS。
我看不出是什么问题，你能把它编辑成你的例子，然后用修改后的JSfiddle编辑你的问题吗？
Note
我已经从您的表中删除了overflow:scroll属性，因为它具有固定的高度/宽度。
https://stackoverflow.com/questions/8407403
复制相似问题
腾讯云开发者
