Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mencipta Limpahan Teks Berbilang Baris dengan Ellipsis dalam CSS?

Bagaimanakah Saya Boleh Mencipta Limpahan Teks Berbilang Baris dengan Ellipsis dalam CSS?

DDD
DDDasal
2024-12-18 20:40:11471semak imbas

How Can I Create Multi-Line Text Overflow with Ellipsis in CSS?

Elipsis Limpahan CSS pada Berbilang Baris

Masalahnya

Sifat CSS membenarkan teks yang melimpah disembunyikan dengan elipsis ("..." ) di hujung baris. Walau bagaimanapun, fungsi ini terhad kepada satu baris. Matlamatnya adalah untuk memanjangkan tingkah laku ini kepada berbilang baris teks.

Penyelesaian

Walaupun CSS sahaja tidak dapat mencapai ini, pemalam jQuery menyediakan penyelesaian. Di bawah adalah senarai yang disyorkan pemalam:

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

Prestasi Pertimbangan

Pertimbangkan ujian prestasi apabila memilih pemalam. Di bawah ialah beberapa sumber untuk penilaian prestasi:

  • [Perbandingan Prestasi](https://code.google.com/archive/p/jquery-text-overflow/)
  • [ Ujian Prestasi Ellipsify](https://ellis.ninjs.in/performance)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Limpahan Teks Berbilang Baris dengan Ellipsis dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn