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

  • Bokeh

    Bokeh

    9 HAZİRAN 2014
  • EEVblog

    EEVblog

    4 NİSAN 2009
  • THELIFEOFPRICE

    THELIFEOFPRI

    16 Mart 2011