SORU
13 EKİM 2010, ÇARŞAMBA


Sınır metin n hatları için CSS kullanarak uzunluğu

"Satır CSS (ya da dikey olarak taşmaları kesim) kullanarak. "n metin uzunluğunu sınırlamak için mümkün

text-overflow: ellipsis; sadece 1 satır metin için çalışıyor.

orijinal metin:

Mattis natoque Muş Ultrices, aliquam, pellentesque içinde kredi referans
balığı elit purus lectus vel ut aliquet, eleman şimdi
şimdi satıcı kampları urna! Oturup est sed! Ut faydalı linkler duyurular katıl iptal turpis
Muş balığı! Dapibus sed aenean, magna sagittis, teşekkürler velit

çıktı (2 satır) istedim:

Mattis natoque Muş Ultrices, aliquam, pellentesque içinde kredi referans
balığı elit purus lectus vel ut aliquet, eleman...

CEVAP
18 Aralık 2012, Salı


Bir yolu var, ama aynı zamanda y-yalnızca. Line-height ile birleştirdiğinizde ancak: X ve max-height: X*N, ayrıca sadece üç nokta olmadan diğer tarayıcılarda, bu iş olacak.

.giveMeEllipsis {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: N; /* number of lines to show */
   line-height: X;        /* fallback */
   max-height: X*N;       /* fallback */
}

Demo: http://jsfiddle.net/csYjC/1131/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • dougownsall

    dougownsall

    7 EKİM 2007
  • echifitness

    echifitness

    9 Kasım 2008
  • My name is Festis and I'm free

    My name is F

    2 EKİM 2011