我有一个HTML表格。它由于光学原因具有固定的高度。表中的行数取决于可用表单域的数量。避免拉伸固定台高和可变行数的台线?
问题:如果行数非常少,则所有行将垂直拉伸,从而增加输入元素之间的空间。
我可以通过给数据行一个(假的)固定高度来避免这种情况。我不喜欢这种方法,因为没有固定的高度我可以给它(相对字体大小,可访问性),我担心未来的问题 - 比如说IE9决定从字面上考虑单元格高度。
我该怎么办? 我有一个最后一行(空),但不知道该放什么,以便它自动占用所有“可用”空间。
我有一个HTML表格。它由于光学原因具有固定的高度。表中的行数取决于可用表单域的数量。避免拉伸固定台高和可变行数的台线?
问题:如果行数非常少,则所有行将垂直拉伸,从而增加输入元素之间的空间。
我可以通过给数据行一个(假的)固定高度来避免这种情况。我不喜欢这种方法,因为没有固定的高度我可以给它(相对字体大小,可访问性),我担心未来的问题 - 比如说IE9决定从字面上考虑单元格高度。
我该怎么办? 我有一个最后一行(空),但不知道该放什么,以便它自动占用所有“可用”空间。
我想这是不可行的其余部分。
你不能设置单元格高度为100%,在过去的一个空行,这应该想必会导致最后一排占用固定空间
将无边距表格放置在模拟表格(边框?bgcolor?)的固定高度的div中。
顺便说一句,只是做tbody { display: inline; }
而不是一个空的行在所有真正的浏览器工作。不,不在MSIE。在MSIE中,tbody
元素有很多缺点。它也缺乏overflow: scroll;
的能力,这对于具有固定标题的可滚动表格将是很好的。
是的,基于表格的网站已经超出了年龄,但是您仍然需要表格来显示数据。其实我有佩卡同意,这是上不了台面的细胞本身是可行的,但有一点我们可以时尚:
尝试td
单元格中的数据包到div
和风格,div
的高度你想要将其overflow
财产设置为hidden
。
我很确定它会占用Internet Explorer中的一个页面(或视口)高度 - 可能不起作用。 – 2009-11-01 01:52:21