Избегать растягивания строк таблицы при фиксированной высоте таблицы и переменном количестве строк?

Question

У меня есть таблица в HTML-форме.Он имеет фиксированную высоту по оптическим соображениям.Количество строк в таблице варьируется в зависимости от количества доступных полей формы.

Проблема:Если строк очень мало, все строки растягиваются по вертикали, увеличивая расстояние между элементами ввода.

Я мог бы избежать этого, присвоив строкам данных (поддельную) фиксированную высоту.Мне не нравится такой подход, потому что нет фиксированной высоты, которую я мог бы ему присвоить (относительные размеры шрифта, доступность), и я боюсь будущих проблем - скажем, например, что IE9 решит буквально воспринимать высоту ячеек.

Что я могу сделать?У меня есть последняя (пустая) строка, но я понятия не имею, что туда вставить, чтобы она автоматически занимала все "доступное" пространство.

Answer 1

Я думаю, это невыполнимо.

Answer 2

Поместите таблицу без высоты в div с фиксированной высотой, которая имитирует таблицу (граница?bgcolor?).

Кстати, просто делаю tbody { display: inline; } вместо пустой строки работает во всех реальных браузерах.Нет, не в MSIE.В tbody элемент имеет много недостатков в MSIE.Ему также не хватает способности overflow: scroll; было бы здорово иметь прокручиваемую таблицу с фиксированным заголовком.

Answer 3

Не могли бы вы установить высоту ячейки равной 100% для последней пустой строки, это, по-видимому, должно привести к тому, что последняя строка займет оставшееся фиксированное пространство

Answer 4

Да, веб-сайтам, основанным на таблицах, не по возрасту, однако вам все равно понадобятся таблицы для отображения данных.На самом деле я должен согласиться с Пеккой в том, что это невыполнимо в самой ячейке таблицы, но есть кое-что, что мы можем создать:

Попробуйте обернуть данные внутри td клетку в div и стиль, который div на нужную вам высоту и установите ее overflow собственность на hidden.