Cách ngắt dòng?

  1. Lập trình

Mình đang có 1 tên sản phẩm khá dài và chỉ muốn hiển thị 2 dòng, phần còn lại thì sẽ là "..."

Cách đang sử dụng là đếm ký tự để ngắt.

Nhưng vấn đề gặp phải là vẫn có trường hợp dù đếm đủ ký tự nhưng vẫn phát sinh ra dòng thứ 3.

Có phương án nào khác cho việc này không nhỉ ?

Để đảm bảo tất cả tên sản phẩm ngắt ở đúng 2 dòng.

Từ khóa: 

developer

,

lập trình

Nếu bạn lập trình web thì bạn có thể sử dụng thuộc tính line-clamp của CSS nhé.

Trả lời

Nếu bạn lập trình web thì bạn có thể sử dụng thuộc tính line-clamp của CSS nhé.

Hi bạn, do font chữ của bạn đang dùng thì các chữ không có độ rộng như nhau với tất cả các chữ. Thế nên tuy cùng số lượng chữ nhưng ở các câu khác nhau, độ dài của câu (bằng tổng độ rộng các từ) sẽ không hoàn toàn giống nhau. Vì thế việc bạn căn theo số chữ mà căn sát quá thì sẽ có một số trường hợp bị tràn xuống dòng thứ 3.

Cách dễ là bạn căt lỏng tay ra một chút.