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

  • BigDawsVlogs

    BigDawsVlogs

    17 HAZİRAN 2013
  • Chanre Joubert

    Chanre Joube

    27 Temmuz 2012
  • Pepsi

    Pepsi

    1 Kasım 2005