Lỗi hiển thị hình ảnh tràn ra ngoài bài viết

Thỉnh thoảng tôi vẫn gặp phải một vấn đề - Hình ảnh kích thước quá khổ vượt ra khỏi phần bài viết. Điều này khiến cho Site của tôi thiếu thẩm mỹ và ít nhiều gây ra sự khó chịu khi không xem đủ hình ảnh. Và tôi tìm cách để khắc phục vấn đề đó.

Tôi khám phá ra mọi việc thật đơn giản. Chỉ với một vài thao tác, tôi hoàn toàn làm chủ được hình ảnh được Post. Bạn cũng làm được điều đó.

CÁCH 1: TỰ ĐIỀU CHỈNH KÍCH THƯỚC VỀ GIỚI HẠN MAX & MIN

Điều này có nghĩa là, khi Hình ảnh  lớn hơn giá trị MAX thì sẽ tự động điều chỉnh về giá trị MAX, nếu ảnh nhỏ hơn giá trị min thì sẽ tự điều chỉnh về kích thước min

Vào phần chỉnh sửa HTML -> Ctrl + F -> Tìm thẻ ]]></b:skin> 

.post img { 
max-width:500px; 
min-width:200px; 
padding : 10px; 
clear: both; 
}

CÁCH 2: CỐ ĐỊNH MỌI HÌNH ẢNH VỚI KÍCH THƯỚC ĐỊNH SẴN

Điều này nghĩa là, với mọi hình ảnh của bạn, chúng đều hiển thị về kích thước do bạn chỉ định trước.

Tương tự như cách trên, bạn thay bằng đoạn code:

.post img { 
width:500px; 
height:400px; 
padding:10px; 
}