Schaltfläche „Mehr anzeigen“, die die Containerhöhe ändert [geschlossen] ⇐ HTML

[Guest]

Frage:
Ich habe einen Container, in dem eine Liste von Blog-Elementen angezeigt wird. Ich möchte nur genau 2 Elemente anzeigen und den Rest ausblenden. Wie erreiche ich das?
Problembeschreibung:
Die Elemente haben je nach Schriftart und Bildschirmgröße eine dynamische Höhe, daher kann ich das nicht einfach tun

Code: Select all

{
height:20rem;
overflow:hidden;
}

Für den Container würde das hässlich aussehen. Gibt es eine Lösung, mit der die Höhe des Containers der Höhe von zwei seiner untergeordneten Elemente plus etwas Polsterung entspricht?
Was ich versucht habe:
Ich habe es satt, die Zeilen 2 der Rastervorlage zu verwenden; overflow:hidden für den Container und Setzen aller untergeordneten Elemente auf rowspan 1. Dadurch wird nichts ausgeblendet. Es scheint, dass overflow:hidden nur funktioniert, wenn die Höhe angegeben ist.
[img]https://i .sstatic.net/oTDajUtA.png[/img]