SORU
11 ŞUBAT 2009, ÇARŞAMBA


Takın üç nokta (...) içeriği çok geniş HTML etiketi içine

Eğer tarayıcı penceresi yeniden boyutlandırılırsa genişliği değiştiren esnek bir düzen ile bir web sayfası var.

Bu düzen içinde değişken uzunluğu (aslında kontrol yok blogposts başlıkları) olacak başlıklar (h2) vardır. Şu anda - eğer pencere daha geniş olmaları durumunda - iki satır kırık.

Orada bir şık, test (cross-browser) çözüm için örnek bir WordPress kullanmak - kısaltır innerHTML bu başlık etiket ve ekler "..." eğer metin olurdu çok geniş sığmayacak bir satırında geçerli ekran/konteyner genişliği?

CEVAP
9 Temmuz 2009, PERŞEMBE


Tek satır metin kesilmesi için aşağıdaki CSS tek çözüm tüm tarayıcı pencerelerini Firefox 6.0 dışında yazı olarak http://www.caniuse.com yer ile çalışır. JavaScript Firefox metin çok satırlı sarma veya önceki sürümleri desteklemek için gerekli olmadıkça tamamen gereksiz olduğunu unutmayın.

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

Eğer desteğe ihtiyacınız varsa, Firefox'un eski sürümleri için my answer on this other question check out.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Associated Press

    Associated P

    18 EYLÜL 2006
  • Autocar

    Autocar

    11 Mart 2006
  • Vicious Computers

    Vicious Comp

    14 EKİM 2006