Как я могу расширить таблицу по вертикали, не затрагивая содержимое CSS? [закрыто] ⇐ CSS

[Anonymous]

Я создаю таблицу с помощью HTML, но у меня проблемы с CSS. Первоначально кажется, что высота таблицы не пропорциональна тому, что она должна занимать на экране:


Поэтому я попытался увеличить высоту контейнера таблицы:

Код: Выделить всё

.table {
table-layout: fixed;
width: 100%;
height: 80%; /* what I tried to do */
background-color: #ffffff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
border-radius: 0.5rem;
}

Но когда я это делаю, содержимое «растягивается» по вертикали:

Как мне сохранить содержимое таким, какое оно есть, несмотря на удлинение таблицы по вертикали?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... ent-in-css