Кнопка «показать больше», которая изменяет размер контейнера [закрыто] ⇐ Html

[Anonymous]

Вопрос:
У меня есть контейнер, в котором отображается список элементов блога. Я хочу показать только 2 элемента и скрыть остальные. как мне это сделать?
Описание проблемы:
Элементы имеют динамическую высоту в зависимости от размера шрифта и экрана, поэтому я не могу просто сделать

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

{
height:20rem;
overflow:hidden;
}

Для контейнера это будет выглядеть некрасиво. Есть ли решение, которое делает высоту контейнера такой же, как высота двух его дочерних элементов, плюс некоторое дополнение?
Что я пробовал:
Я устал использовать строки шаблона сетки 2; overflow:hidden для контейнера и установка для каждого дочернего элемента диапазона строк 1. Это ничего не скрывает. Кажется, что overflow:hidden работает только тогда, когда указана высота.
[img]https://i .sstatic.net/oTDajUtA.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/793 ... ner-height