Bagaimana untuk mencapai text-overflow:ellipsis dalam Firefox 4 tanpa JavaScript?

text-overflow:ellipsis dalam Firefox 4

Pembangun Firefox telah membahaskan text-overflow:ellipsis sejak tahun 2005; keperluan yang jelas, mereka nampaknya tidak dapat melaksanakannya (walaupun secara eksperimen -moz- pelaksanaan juga mencukupi).

Beberapa tahun yang lalu, seseorang telah mengetahui cara menggodam Firefox 3 untuk menyokong elips. Godam ini melaksanakannya menggunakan XUL menggunakan ciri -moz-binding. Terdapat banyak laman web yang menggunakan hack ini sekarang.

Berita buruk? Firefox 4 sedang mengalih keluar ciri -moz-binding, yang bermaksud penggodaman ini tidak akan berfungsi lagi.

Jadi sebaik sahaja Firefox 4 dikeluarkan (saya dengar ia lewat bulan ini) kita akan menghadapi masalah tidak dapat menyokong ciri ini lagi.

Jadi soalan saya ialah: adakah cara lain untuk menyelesaikan masalah ini? (Saya cuba mengelakkan penyelesaian JavaScript apabila boleh)

[sunting]
Terdapat banyak undian positif, jadi jelas sekali bukan saya sahaja yang ingin tahu, tetapi setakat ini saya hanya menerima satu jawapan , pada asasnya Ia mengatakan "Gunakan JavaScript". Saya masih mahukan penyelesaian yang tidak memerlukan JS, atau paling teruk menggunakannya sebagai sandaran jika fungsi CSS tidak berfungsi. Jadi saya akan memberikan hadiah pada soalan ini dengan harapan seseorang, di suatu tempat, telah menemui jawapannya.

[sunting]
Kemas kini: Firefox telah memasuki mod pembangunan pesat, tetapi walaupun FF5 kini dikeluarkan, ciri ini masih tidak disokong. Kini setelah kebanyakan pengguna telah menaik taraf daripada FF3.6, penggodaman bukan lagi penyelesaian. Berita baiknya ialah dari apa yang saya faham, ia mungkin ditambah pada Firefox 6, yang mengikut jadual keluaran baru akan dikeluarkan dalam beberapa bulan. Jika ya, saya rasa saya boleh menunggu, tetapi sayangnya mereka tidak dapat memperbaikinya lebih awal.

[Suntingan Akhir]
Saya melihat bahawa ciri elipsis akhirnya telah ditambahkan pada "Saluran Aurora" (iaitu versi pembangunan) Firefox. Ini bermakna ia sepatutnya dikeluarkan sekarang sebagai sebahagian daripada Firefox 7, yang dijangka akan dikeluarkan pada akhir 2011. Alangkah seronoknya.

Nota keluaran tersedia di sini: https://developer.mozilla.org/en-US/Firefox/Releases/7

Untuk mencapai kesan limpahan teks yang sama dalam Firefox 4, Anda boleh gunakan kod JavaScript berikut:

var limit = 50;
var ellipsis = "...";
if( $('#limitedWidthTextBox').val().length > limit) {
   // -4 to include the ellipsis size and also since it is an index
   var trimmedText = $('#limitedWidthTextBox').val().substring(0, limit - 4); 
   trimmedText += ellipsis;
   $('#limitedWidthTextBox').val(trimmedText);
}

Atas ialah kandungan terperinci Bagaimana untuk mencapai text-overflow:ellipsis dalam Firefox 4 tanpa JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!