Hướng dẫn fix lỗi chữ bị xuống hàng trên google chrome version 39

Gần 1 tuần nay, khách hàng của mình liên tục gọi điện than phiền về website của họ bị lỗi hiển thị trên google chrome



Ban đầu, khi bị khách than phiền về vấn đề này. Mình thật sự bất ngờ và nghĩ chắc có sự can thiệp vào CSS làm hiển thị sai đi, khiến website bị lỗi.

Nhưng thật sự bất ngờ, là mình test trên cả trình duyệt phổ biến hiện nay như: Mozilla Firefox, Safari, IE ngay cả Cốc Cốc đều không bị lỗi này, chỉ có mỗi google chrome và Opera bị

Mà tuần trước đã có 1 bản cập nhật trên trình duyệt google chrome, chính từ lúc đó là hàng loạt website bên mình bị lỗi này.

Mình đã bắt tay vào tìm nguyên nhân và đã biết được cách khắc phục tình trạng này:

Tại nơi bị lỗi chữ xuống hàng, bạn bỏ thêm thuộc tính css này vào:

white-space: nowrap

Tình trạng sẽ được khắc phục ngay, rất là hiệu quả.

Trướ khi google chrome được cập nhật bản fix về vấn đề này, thì các bạn có thể dùng phương pháp này.

Update: ngày 26/11/2014 mình có check update, thì thật bất ngờ google chrome có bản update (Nghĩ chắc sẽ fix được lỗi này rồi đây). Và cũng thật bất ngờ, lỗi này vẫn còn nguyên. Nên mình nghĩ chắc phải sống cùng với nó rồi.

Update: ngày 23/01/2015, thật là vui google chrome đã cập nhật lên version 40, và đã fix được lỗi này.

Bài viết khác