html - 避免使用固定的表格高度和可变的行数拉伸表格行？

Question

我有一个 HTML 表单的表格。由于光学原因，它具有固定的高度。表中的行数取决于可用表单域的数量。

问题：如果行数很少，所有行都会垂直拉伸，增加输入元素之间的空间。

我可以通过给数据行一个（假的）固定高度来避免这种情况。我不喜欢这种方法，因为没有固定的高度我可以给它（相对字体大小、可访问性），而且我担心未来会出现问题——例如，IE9 决定从字面上获取单元格高度。

我能做些什么？我有最后一个（空）行，但不知道该放什么，以便它自动占据所有“可用”空间。

score 1 · Accepted Answer

将无高度的表格放在一个具有固定高度的 div 中，该高度模仿表格（边框？bgcolor？）。

顺便说一句，在所有真正的浏览器中，只做tbody { display: inline; }而不是空行。不，不在 MSIE 中。该tbody元素在 MSIE 中有很多缺点。它还缺乏overflow: scroll;具有固定标题的可滚动表格的能力。

score 0 · Accepted Answer

您不能将最后一个空行的单元格高度设置为 100%，这可能会导致最后一行占用剩余的固定空间

score 0 · Accepted Answer

0

我想这是不可行的。

于 2010-02-03T22:54:25.857 回答

score 0 · Accepted Answer

是的，基于表格的网站已经过时了，但是您仍然需要表格来显示数据。事实上，我必须同意 Pekka 的观点，即这在表格单元格本身上是不可行的，但我们可以设计一些东西：

尝试将单元格内的数据包装td成 adiv并将其样式div设置为您想要的高度并将其overflow属性设置为hidden.

4 回答 4