text-overflow:ellipsis; CSS özelliği Microsoft web için yaptığı birkaç şeyden biri olmalıdır.

Tüm tarayıcılar şimdi... Firefox dışında destek.

Firefox geliştiriciler arguing over it since 2005 ama bunun için belli talebe rağmen, aslında kendileri bunu uygulamaya getirmek için görünmüyor olabilir (-moz- hatta deneysel bir uygulama yeterli olacaktır).

Birkaç yıl önce, birisi hack Firefox 3 to make it support an ellipsis için bir çıkış yolu çalıştı. Hack -moz-binding XUL kullanarak uygulamak için bu özelliği kullanır. Siteleri oldukça çok sayıda şimdi bu hack kullanıyor.

Kötü haber ne? Firefox 4 hack artık çalışmıyor bu demektir removing the -moz-binding feature.

Firefox 4 serbest olarak (bu ay duydum), sorun geri bu özelliği desteklemek için güçlü olmak sahip olacağız.

Benim sorum ise şu: bu etrafında başka bir yol var mı? (Javascript bir çözüm eğer mümkünse) geri düşmesini önlemek için çalışıyorum

[DÜZENLE]< / ^ br . Temelde diyor ki açıkçası bilmek isteyen tek kişi ben değilim, ama bir cevap aldım şimdiye kadar o yüzden-oy çok, 'javascript' kullanın. Hala JS hiç gerek yok, ya da en kötü ihtimalle sadece bir CSS özelliği çalışmıyor-geri düşüş olarak kullanacağı bir çözüm bulmayı umuyorum. Bu konuda bir ödül göndermek için gidiyorum, birileri, bir yerlerde bir cevap bulduğu için zayıf bir ihtimal.

[DÜZENLE]< / ^ br . Güncelleme: Firefox FF5 rağmen hızlı bir gelişme moduna, ama serbest bırakıldıktan şimdi gitti bu özellik hala isnt destekledi. Ve kullanıcıların çoğunluğu FF3 yükseltilmiş şimdi.6, hack artık bir çözümdür. Bunu duydum iyi haberolabiliryeni yayın programı ile sadece birkaç ay içinde olması gereken 6, Firefox eklenebilir. Eğer durum buysa, o zaman beklemem sanırım, ama er sıralanmış olamazlar yazık.

[SON DÜZENLEME]< / ^ br . Üç nokta özelliği sonunda Firefox'un eklenmiş olduğunu görüyorum "Aurora Kanal" (yani geliştirme sürümü). Bu şimdi 2011 sonuna doğru teslim edilecek olan 7, Firefox parçası olarak serbest olması gerektiği anlamına gelir. Ne bir rahatlama.

Sürüm notları burada mevcuttur: https://developer.mozilla.org/en-US/Firefox/Releases/7

Spudley, küçük bir JavaScript jQuery kullanarak yazarak aynı şeyi elde edebiliriz:

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  = elipsis;
   $('#limitedWidthTextBox').val(trimmedText);
}

Tüm tarayıcılar bu yerel olarak (JavaScript olmadan) destekleyen bir yolu olması gerektiğini anlıyorum ama, bu noktada zorundayız.

EDİT Ayrıca, daha temiz *8 alan ki sabit genişlik* cssbir sınıf ekleyerek yapabilirsin ve sonra aşağıdaki gibi bir şey yapın:

$(document).ready(function() {
   $('.fixWidth').each(function() {
      var limit = 50;
      var ellipsis = "...";
      var text = $(this).val();
      if (text.length > limit) {
         // -4 to include the ellipsis size and also since it is an index
         var trimmedText = text.substring(0, limit - 4); 
         trimmedText  = elipsis;
         $(this).val(trimmedText);
      }
   }
}