Hướng dẫn Hướng dẫn fix lỗi liên kết bị xuống hàng ở Google Chrome

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
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.

googlechrome-linkbreak.jpg

Để sửa lỗi này, chúng ta chỉ cần chèn một đoạn CSS vào website như sau:
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​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom