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

  • Bratayley

    Bratayley

    30 Aralık 2010
  • Fr. Eckle Studios

    Fr. Eckle St

    29 Kasım 2006
  • Jonah Penna

    Jonah Penna

    11 EYLÜL 2005