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

  • fufko

    fufko

    27 ŞUBAT 2006
  • Marina and The Diamonds

    Marina and T

    8 Temmuz 2008
  • TheFlashCentre

    TheFlashCent

    22 Mayıs 2008