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

  • chickenby

    chickenby

    2 HAZİRAN 2008
  • Pocketnow

    Pocketnow

    14 EKİM 2007
  • YEAH1TV

    YEAH1TV

    19 ŞUBAT 2009