Wie kann ich ein Div erstellen, das sich nicht ändert, wenn sich der innere Inhalt ändert?

Question

Ich versuche, einen Medien-Feed zu erstellen, der Text, Bilder, Videos usw. enthalten kann. Einige dieser Posts können explizit sein, daher möchte ich den Inhalt des Posts mit einer Warnung ausblenden, die der Benutzer haben würde klicken, um den Post zu sehen.

Ich habe dies erfolgreich gemacht, außer dass das div, das den Post enthält, die Größe ändert, wenn auf die Warnung geklickt wird. Wie kann ich das ändern, so dass die Größe des Div konstant bleibt, wenn sich der innere Inhalt ändert?

Answer 1

Sie unter Code verwenden können, die nicht div nicht ändern. Es wird erlaubt, Inhalte innerhalb einer festen Größe zu scrollen.

z.

<div class="text-center" style="height: 300px; overflow-y: auto;"> 
//contents inside div 
</div> 

Answer 2

Sie müssen div Stil auf:

height: 100px; // or max-height with any other value 
overflow: scroll; // for scrolling content if it's height greater than div's height