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

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%;
}