Sửa lỗi bài viết bị tràn khung bằng Css

   

Thông thường có 2 lỗi tràn khung blogspot phổ biến, đó là:

1. Đoạn văn bản tràn khỏi khung của bài viết (hay đoạn text tràn khung của bài viêt ) trong blogspot

2 Hình ảnh tràn khỏi khung của blogspot

Sau đây là cách khắc phục lỗi tràn khung cho Blogspot:

Trường hợp 1:  Đoạn văn bản quá dài hoặc đường dẫn quá dài làm cho bài viết bị tràn ra ngoài khung. Trường hợp này thường là do copy bài viết tự một website khác dán vào bài viết, để khắc phục lỗi Text bị tràn ra khỏi khùng bạn làm như sau:

     Đăng nhập vào phần quản trị => vào mục chỉnh sửa mẫu (template edit html)

Thêm đoạn vào trước thẻ  ]]></b:skin> đoạn CSS sau:

.post{word-wrap:break-word;}

Trường hơp 2: Ảnh bị tràn khỏi khung bài viết bạn, nguyên nhân là do kích thước ảnh quá lớn dẫn đến tràn ra khỏi khung bài viết. Để khắc phục theo các bước sau:

  

   Đăng nhập vào phần quản trị => vào mục chỉnh sửa mẫu (template edit html)

   Thêm đoạn vào trước thẻ  ]]></b:skin> đoạn CSS sau:

.post img{ max-width:580px; min-width:0px; padding : 0px;

clear: both; }

Chúc các bạn thành công!

Nguồn Blog thủ thuật

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..