避免拉伸具有固定工作台高度和可变行数的工作台线?

时间:2009-11-01 00:02:35

标签: html tablelayout

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

问题:如果行数很少,则所有行都会垂直拉伸,从而增加输入元素之间的空间。

我可以通过给数据行提供一个(假的)固定高度来避免这种情况。我不喜欢这种方法,因为没有固定的高度我可以给它(相对字体大小,可访问性),我担心未来的问题 - 例如,IE9决定从字面上看细胞高度。

我该怎么办? 我有一个最后(空)行,但不知道放在那里的什么,以便它自动占用所有“可用”空间。

4 个答案:

答案 0 :(得分:1)

将高度表放在具有固定高度的div中,模仿表格(border?bgcolor?)。

顺便说一句,只是在所有真正的浏览器中执行tbody { display: inline; }而不是空行。不,不是在MSIE。 tbody元素在MSIE中有很多缺点。它也缺乏overflow: scroll;的能力,如果有一个带有固定标题的可滚动表格会很棒。

答案 1 :(得分:0)

无法将最后一个空行的单元格高度设置为100%,这可能会导致最后一行占用固定空间的其余部分

答案 2 :(得分:0)

我想这不可行。

答案 3 :(得分:0)

是的,基于表格的网站已经超出了年龄,但是您仍然需要表格来显示数据。事实上,我必须同意Pekka的说法,这在桌面单元本身上是不可行的,但我们可以制作一些东西:

尝试将td单元格内的数据打包成div,并将div的样式设置为所需的高度,并将其overflow属性设置为hidden