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

  • Howcast

    Howcast

    4 EKİM 2007
  • jesiel santos

    jesiel santo

    15 Ocak 2009
  • Mr_BrettHooge

    Mr_BrettHoog

    3 Ocak 2011