Sửa lỗi khi trình duyệt Chrome bị lỗi hiển thị xuống dòng

Sau khi trình duyệt Chrome nâng cấp lên version 39 (cụ thể là bản 39.0.2171.65) thì trình duyệt không hiển thị chữ đúng như thiết kế. Các câu, chữ bị lỗi xuống dòng. Như trang trangtincantho.blogspot.com sau bị lỗi khá nặng

Lý do lỗi: do lỗi màn hình một phần, nhưng phần lớn do lỗi lập trình chuẩn của lập trình viên.

Phần bị lỗi:

- Chữ nằm trong thẻ liên kết a.

- Thẻ a này nằm trong thẻ cha mẹ có float và không được gán width.

- Chữ viết bằng Tiếng Việt.

- Sử dụng Google Chrome 39 trên Windows 7, Windows 8, Windows 8.1.

Cách sửa lỗi xuống dòng:

1. Đổi với người dùng:

- Thông báo với quản trị web để fix lỗi

- Sử dụng trình duyệt khác: Firefox, Internet Explorer

- Sử dụng trình duyệt Chrome 38 (link down Chrome tại đây) 

- Cho phép sử dụn tính năng Chrome Flags như sau:

   + Gõ trên thanh địa chỉ (hoặc nhấn F6) : chrome//flags

   + Tại ô tắt DirectWrite (Disable directwrite) - dùng Ctrl + F đề tìm. Sau đó Mở /               Enable .

   + Khởi động lại Chrome

2. Đối với coder, designer, webmaster
- Chuyển sang dùng font Segoe UI

- Mở developer tools của Chrome (nhấn F12).

- Tìm đến phần bị lỗi hiển thị trong file css

- Thêm đoạn thuộc tính CCS vào class / id bị lỗi:  “white-space: nowrap;”

- Save lại file CSS và tận hưởng thành quả.

3. Đối với blogspot

Vào Template > Edit Html

Ctrl + F tới vị trí bị lỗi

Chèn đoạn code: " style='white-space: nowrap;' " vào class bị lỗi

Save lại và tận hưởng thành quả.