Semua hal berikut ini diperlukan, jadi teks harus berada dalam satu garis lurus yang meluap dari kotak tempat luapan itu tersembunyi.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Lihat Ellipsis Overflow Dasar Pena oleh Chris Coyier (@chriscoyier) di CodePen.
Perhatikan lebar tetap yang digunakan di sini. Intinya adalah bahwa elemen tersebut membutuhkan beberapa jenis lebar yang ditentukan, yang harus Anda perhatikan dengan flexbox:
Lihat Pen Thing yang harus Anda ketahui tentang flexbox oleh Chris Coyier (@chriscoyier) di CodePen.
Mencari pemotongan ke sejumlah baris tertentu?