Her gününü son günüymüş gibi yaşayanlardan.

CSS İle Metni Tek Satırda Genişliği Kadar Sınırlamak

Bu yazımda genelde kısa açıklama gibi yerlerde kullanmak için yararlandığım css kodlarından bahsedeceğim. Metni kapsayan seçiciye aşağıdaki kodları eklediğimizde genişliği kadarını alarak yazıyı tek satıra sınırlıyor ve sonuna üç nokta ekliyor.

width: 450px;
white-space: nowrap; /* alt satıra inme */
overflow:hidden; /* taşan kısımları gizle */
text-overflow:ellipsis; /* devamı varsa sonuna üç nokta ekle */

Yukarıdaki kodları herhangi bir seçicinin bildirim bloğuna eklerseniz sonuç aşağıdaki gibi olacaktır 🙂


Etiketler: , , , ,

Bu yazıya 2 yorum yapılmış.

  • Thanks, great article.

  • Blogu Takibe Başladım.. Başarılar Dilerim..

  • Yazı hakkında yorum yapabilirsiniz?