如何限制獲取圖片的大小

Question

您好我正在使用ckeditor讓用戶發佈圖片，但事實是，用戶發佈的圖片的大小可能太大。所以我想知道如果我可以使用一些CSS或JavaScript來隱藏內容（如果內容太大以至於無法使用內容，則最好將內容最小化，但我不知道如何做到這一點）框。 我使用的引導面板作爲一個盒子

<div class="panel-body"> 

{{ post.content|safe }} 

    </div> 

這post.content不能過大，它熄滅面板身體，我應該如何從中走出去（隱藏內容）預防？

Answer 1

使用CSS .panel-body { overflow:hidden; }你的容器來隱藏溢出的內容（圖像）上。

一個更優雅的解決方案可以是自動調整圖像的大小，使其不會溢出容器寬度。你可以通過以下方式實現：

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

Answer 2

嘗試將最大寬度上您的圖像，像這樣：

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