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

  • AndroidSale

    AndroidSale

    17 NİSAN 2011
  • Branboy3

    Branboy3

    12 AĞUSTOS 2012
  • Exalto_Gamer

    Exalto_Gamer

    15 EKİM 2014