Css yazı kısıtlama, karakter kısıtlama

Tasarımla ilgili her türlü program için yardımlaşma forumu.
Cevapla
Kullanıcı avatarı
VSaBaH
Tasarımcı Yönetici
Tasarımcı Yönetici
Mesajlar: 6135
Kayıt: 21 Kas 2005 [ 23:54 ]

Css yazı kısıtlama, karakter kısıtlama

Mesaj gönderen VSaBaH »

Css ile div içerisine fazla gelen metni kısıtlayabilir ve üç nokta koyabilirsiniz.
 
Resim

Kod: Tümünü seç

white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;
ÖRNEK KULLANIM:
CSS Kodu:

Kod: Tümünü seç

.location {
    font-weight: 700;
    font-size: 11px;
    white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;
}
HTML Kodu:

Kod: Tümünü seç

<div class="location"> VISOKOI ISLAND, SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS </div>


 !
REKLAMLARA YAPILAN TIKLAMA BİZİM TEK GELİR KAPIMIZDIR. LÜTFEN ADBLOCK TARZI EKLENTİLERLE REKLAMLARI ENGELLEMEYELİM. BİZE EN GÜZEL TEŞEKKÜRÜ BU ŞEKİLDE YAPABİLİRSİNİZ. TEŞEKKÜRLER...


Resim

Cevapla