Berikut ialah beberapa pilihan tajuk, mengekalkan format soalan dan mencerminkan kandungan artikel: Pendek & Ringkas: * Bagaimana untuk Mencipta Elipsis untuk Teks Berbilang Baris dalam Div Bersaiz Tetap? * Teks Ove

Limpahan Teks Ellips untuk Lebar dan Tinggi Tetap

Isu:

Mencipta elipsis untuk teks berbilang baris dalam elemen dengan lebar dan ketinggian tetap boleh mencabar. Walaupun meneroka pemalam jQuery, penyelesaian yang sesuai sukar difahami.

Penyelesaian:

Menggunakan jQuery, anda boleh mencapai kesan yang diingini dengan mengalih keluar perkataan terakhir secara berulang daripada teks sehingga ia sesuai dengan yang ditentukan ketinggian. Berikut ialah coretan kod:

var $p = $('#fos p');
var divh = $('#fos').height();
while ($p.outerHeight() > divh) {
    $p.text(function (index, text) {
        return text.replace(/\W*\s(\S)*$/, '...');
    });
}
Skrip ini berulang kali menggantikan perkataan terakhir teks dengan elipsis (...) sehingga teks dimuatkan dalam 
. Walaupun JavaScript dilumpuhkan, teks akan dipaparkan dengan betul tetapi tanpa elipsis.

Untuk mengoptimumkan prestasi, pertimbangkan untuk menggabungkan pemangkasan sisi klien ini dengan pemangkasan sebelah pelayan untuk mengurangkan overhed.
Untuk contoh yang berfungsi, lihat Demo jsFiddle ini.
Atas ialah kandungan terperinci Berikut ialah beberapa pilihan tajuk, mengekalkan format soalan dan mencerminkan kandungan artikel:

Pendek & Ringkas:

* Bagaimana untuk Mencipta Elipsis untuk Teks Berbilang Baris dalam Div Bersaiz Tetap?
* Teks Ove. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
JavaScript jquery for format this overflow word
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