Semua perkara berikut diperlukan, jadi teks mestilah dalam satu garis lurus yang melimpah kotak di mana limpahan itu disembunyikan.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Lihat Ellipsis Over Basic Flow Pen oleh Chris Coyier (@chriscoyier) di CodePen.
Perhatikan lebar tetap yang digunakan di sini. Intinya adalah bahawa elemen memerlukan beberapa jenis lebar yang pasti, yang harus anda berhati-hati dengan flexbox:
Lihat Perkara Pen yang anda harus ketahui mengenai flexbox oleh Chris Coyier (@chriscoyier) di CodePen.
Mencari pemotongan ke sebilangan baris?