如何限制使用框提交的图像大小

Question

您好，我使用ckeditor允许用户发布图像，但事实是，用户发布的图像大小可能太大。 所以我想知道我是否可以使用一些CSS或javascript来隐藏内容（最好是最小化内容，但我不知道如何做到这一点）如果内容太大而不能超出框。 我正在使用自举面板作为一个盒子

<div class="panel-body">

{{ post.content|safe }}

    </div>

此post.content不能太大，以至于不能超出面板主体，我应该如何防止它退出（隐藏内容）？

Answer 1

尝试在图像上放置最大宽度，如下所示：

.panel-body img {
   max-width: 100%;
}

Answer 2

使用CSS .panel-body { overflow:hidden; } .panel-body { overflow:hidden; }您的容器来隐藏溢出的内容（图像）上。

更好的解决方案是自动调整图像大小，以免容器宽度溢出。 您可以使用

.panel-body img {
    max-width:100%;
}