Bagaimanakah Saya Boleh Memotong Teks Berbilang Baris dengan '...' Menggunakan CSS dan/atau jQuery?

Mengatasi Teks Limpahan dengan "..." dalam Blok Berbilang Baris melalui CSS

Dalam CSS, gabungan "overflow: hidden ; text-overflow: elipsis; boleh digunakan untuk memaparkan "..." pada penghujung baris teks yang melimpah. Walaupun kaedah ini berfungsi dengan berkesan untuk teks satu baris, kaedah ini gagal apabila berurusan dengan blok berbilang baris.

Untuk mencapai pengendalian limpahan berbilang baris, beberapa pemalam jQuery boleh terbukti berguna:

• jquery.autoellipsis: http://pvdspek.github.com/jquery.autoellipsis/
• dotdotdot: http://dotdotdot.frebsite.nl/
• Lagi: http://keith-wood.name/more.html
• jquery-truncate: http://github.com/tbasse/jquery-truncate

Pemalam ini menyediakan pelbagai ciri dan ciri prestasi. Sesetengah daripada mereka mengendalikan berbilang baris dengan anggun, manakala yang lain mungkin tidak. Anda disyorkan untuk menanda aras dan memilih pemalam yang paling sesuai untuk keperluan tertentu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memotong Teks Berbilang Baris dengan '...' Menggunakan CSS dan/atau jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!