Memotong String dengan Ellipsis - Trik CSS

Daftar Isi

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?

Artikel yang menarik...