Trang chủ Web DevelopmentHTML/CSS Sửa lỗi liên kết bị xuống hàng ở Google Chrome phiên bản mới

Sửa lỗi liên kết bị xuống hàng ở Google Chrome phiên bản mới

bởi Thạch Phạm

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

Để sửa lỗi này, chúng ta chỉ cần chèn một đoạn CSS vào website như sau:

.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.

Có thể bạn quan tâm

Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng.