内部コンテンツが変更されたときにサイズを変更しないdivを作成するにはどうすればよいですか？

Question

私は、テキスト、画像、動画などを含むメディアフィードを作成しようとしています。これらの投稿の一部は明示的なものかもしれないので、ユーザーには警告のある投稿の内容を隠したい投稿を見るにはクリックしてください。

警告をクリックしたときに投稿サイズが変更されたdivを除いて、これを正常に実行しました。内部コンテンツが変更されたときにdivのサイズが一定になるように、これをどのように変更できますか？

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

Answer 1

あなたはdiv要素のサイズを変更していないコードの下に使用することができます。

Answer 2

あなたはdivスタイルに設定する必要があります。固定サイズのコンテンツをスクロールできます。

例えば、

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