- Tham gia
- 28/02/2015
- Bài viết
- 17,142
- Được Like
- 12,745
Hướng dẫn fix lỗi liên kết bị xuống hàng ở Google Chrome
Cách đây vài ngày, Google Chrome cập nhật lên phiên bản mới nhất gây ra tình trạng website bị lỗi xuống hàng ở các liên kết gây ra cảm giác rất khó chịu và nhiều người lầm tưởng website của mình bị lỗi giao diện, ấy thế mà thật ra lỗi này chỉ xuất hiện trên trình duyệt Google Chrome.
Để sửa lỗi này, chúng ta chỉ cần chèn một đoạn CSS vào website như sau:
Trong đó, .class là class của vùng chọn bạn bị lỗi vì nếu áp dụng cho toàn bộ thẻ a trong website, có thể bạn sẽ bị lỗi các liên kết tràn ra khỏi khung website vì nó đã trở về trạng thái nowrap. Chỉ vậy thôi là xong rồi, bây giờ website của bạn sẽ không bị lỗi xuống hàng ở các liên kết nữa dù người truy cập có sử dụng Google Chrome phiên bản mới nhất.
Lưu ý: Hình ảnh trong bài chỉ mang tính chất minh họa từ một website ngẫu nhiên mình chọn ra.
Chúc các bạn thành công.
Cách đây vài ngày, Google Chrome cập nhật lên phiên bản mới nhất gây ra tình trạng website bị lỗi xuống hàng ở các liên kết gây ra cảm giác rất khó chịu và nhiều người lầm tưởng website của mình bị lỗi giao diện, ấy thế mà thật ra lỗi này chỉ xuất hiện trên trình duyệt Google Chrome.
Mã:
.class a {
white-space: nowrap;
}
Trong đó, .class là class của vùng chọn bạn bị lỗi vì nếu áp dụng cho toàn bộ thẻ a trong website, có thể bạn sẽ bị lỗi các liên kết tràn ra khỏi khung website vì nó đã trở về trạng thái nowrap. Chỉ vậy thôi là xong rồi, bây giờ website của bạn sẽ không bị lỗi xuống hàng ở các liên kết nữa dù người truy cập có sử dụng Google Chrome phiên bản mới nhất.
Lưu ý: Hình ảnh trong bài chỉ mang tính chất minh họa từ một website ngẫu nhiên mình chọn ra.
Chúc các bạn thành công.
Nguồn: thachpham.com
Bài viết liên quan
Bài viết mới