Tất cả những điều sau đây là bắt buộc, vì vậy văn bản phải nằm trong một đường thẳng duy nhất tràn vào hộp nơi phần tràn đó bị ẩn.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Xem Dấu ba chấm tràn cơ bản về bút của Chris Coyier (@chriscoyier) trên CodePen.
Lưu ý chiều rộng cố định được sử dụng ở đây. Ý chính là phần tử cần một số loại chiều rộng xác định, mà bạn phải đặc biệt cẩn thận với flexbox:
Xem Pen Thing mà bạn phải biết về flexbox của Chris Coyier (@chriscoyier) trên CodePen.
Tìm kiếm việc cắt bớt một số dòng cụ thể?