Trong một số trường hợp, người sử dụng Blog đăng một bài viết với rất nhiều hình ảnh khác nhau, kích thước khác nhau, nên có thể xảy ra lỗi tràn ảnh khỏi khung chứa. Điển hình nhất là ở một số hình ảnh có độ phân giải cao, kích thước lớn.
Để chắc chắn điều này không lặp lại, Win Blog sẽ gửi đến các bạn một trong các cách đơn giản nhất : điều chỉnh trong CSS
Bước 1 : Khi các bạn đăng một bài viết, hãy đưa hình ảnh đó vào chế độ Kích thước ban đầu (hay Original Size ) :
Bước 2 : sau đó các bạn vào chế độ Điều chỉnh HTML (Mẫu ) , vào xem phần code CSS ( tìm <:b skin> ) và thêm dưới nó đoạn code sau:
.post-body img {max-width: 100%;max-height: auto;display: block;margin: auto; box-shadow: none;border: none;padding: 0px; }
Bước 3: quay trở lại bài viết có ảnh ở Bước 1 , bạn sẽ thấy bức ảnh đã thon gọn lại và tự động điều chỉnh trong Body của bài viết.
Chúc các bạn vui vẻ.
Win Blog