如何在内部内容发生变化时创建一个不调整大小的div？

Question

我正在尝试制作媒体Feed，其中可能包含文字，图片，视频等。其中一些帖子可能是明确的，所以我想隐藏帖子的内容并附上警告，其中用户必须单击才能看到帖子。

我已成功完成此操作，但包含他的div会在单击警告时更改大小。如何在内部内容发生变化时更改此值以使div的大小保持不变？

Answer 1

您可以使用下面不调整div的代码。它允许滚动固定大小的内容。

例如

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

Answer 2

您需要将div样式设置为：

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