Высота строчке, grid - HTML и CSS

Predator199 · 20.09.2019, 17:06

Код:

display: grid;
grid-template-rows: min-content min-content min-content min-content auto;

Как сделать так, чтобы высота первых трех строчек в сетке была минимальная или по контенту, тогда когда четвертая занимала все оставшееся свободное пространство.

Predator199 · 20.09.2019, 17:14

Чтобы контент который был в последней строчки сетки, можно было бы растинуть по высоте.

Зафиксировать высоту каждой строчки не выйдеть, поскольку вторая строчка открывается только по клику. Изначально она спрятана, контент четвертой строчки должен занимать оставшеся пространство...

Надеюсь донес в чем тут дело, необходимо чтобы четвертая строчка сетки занимала оставшееся пространство по высоте.

SQLPowerUser · 07.10.2019, 14:16

Надо задать высоту у самого грида
https://jsfiddle.net/Lk1cme0t/

20.09.2019, 17:06	#1
Predator199 Форумчанин Регистрация: 26.01.2012 Сообщений: 648	Высота строчке, grid Код: `display: grid; grid-template-rows: min-content min-content min-content min-content auto;` Как сделать так, чтобы высота первых трех строчек в сетке была минимальная или по контенту, тогда когда четвертая занимала все оставшееся свободное пространство.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Коментарии к каждой строчке	ganster	Общие вопросы C/C++	10	09.07.2012 22:42
H1 и ссылка на одной строчке	Фибер Оптик	HTML и CSS	4	15.03.2012 12:14
file not found на строчке Reset(f)	madman797	Паскаль, Turbo Pascal, PascalABC.NET	4	09.12.2011 08:08
Замена символов в строчке на прописные	zaraz	Microsoft Office Excel	8	13.01.2010 14:07
Как перейти к определенной строчке в Memo	DmT	Общие вопросы Delphi	5	08.07.2008 21:50

20.09.2019, 17:14	#2
Predator199 Форумчанин Регистрация: 26.01.2012 Сообщений: 648	Чтобы контент который был в последней строчки сетки, можно было бы растинуть по высоте. Зафиксировать высоту каждой строчки не выйдеть, поскольку вторая строчка открывается только по клику. Изначально она спрятана, контент четвертой строчки должен занимать оставшеся пространство... Надеюсь донес в чем тут дело, необходимо чтобы четвертая строчка сетки занимала оставшееся пространство по высоте.

07.10.2019, 14:16	#3
SQLPowerUser Форумчанин Регистрация: 19.01.2015 Сообщений: 158	Надо задать высоту у самого грида https://jsfiddle.net/Lk1cme0t/