Khắc phục lỗi menu tự động xuống dòng ở Chrome mới

Gần đây mình thấy khá nhiều website bị tình trạng menu tự động xuống hàng dẫn đến vỡ khung website nhìn rất xấu.

Để khắc phục lỗi trên một số web chỉ cần thay đổi font chữ, hoặc size là có thể tạm thời khắc phục nhưng cũng có một số bạn vò đầu bức tai vì mãi không chỉnh được.

Mình có một cách rất đơn giản trong class a của menu bạn thêm đoạn sau:

 .class a {
 white-space: nowrap;
 }

Kiểm tra lại xem thử oki chưa nhé, nhớ xóa cache sau khi chỉnh sửa!

 

5 thoughts on “Khắc phục lỗi menu tự động xuống dòng ở Chrome mới”

    1. Bạn có thể góp ý hoặc đưa ra cách hay nhất cho mọi người cùng học hỏi !

  1. Hôm trước bạn có nói blog của mình bị xuống hàng menu, thật tình là mình thử nhiều máy chưa gặp máy nào có hiện thượng này, bạn có thể giúp mình xem mình phải thêm white-space: nowrap; vào class nào ko. Vì không phát hiện ra máy nào bị lỗi nên mình không biết chổ nào mà fix. Cảm ơn bạn.

    1. Bác chỉnh trong style.css
      #navigation ul li {
      float: left;
      position: relative;
      line-height: 1.6;
      white-space: nowrap;
      }

Không cho phép ghi chú.