CSS

CSS ile yazıların sonuna üç nokta eklemek

CSS dökerken bazı durumlarda belli bir alanda bulunan yazıyı üç nokta ile
sınırlandırmak isteyebiliriz. Bunu yaparken CSS’in “text-overflow:ellipsis” özelliğinden faydalanacağız. Ancak yalnız bu özelliği değil yazıyı tek bir satırda tutabilmek için “white-space:nowrap” ve “overflow:hidden” özellikleriyle beraber kullanmamız gerekmektedir.

Bir örnek ile açıklayacak olursak;

.yazı {

width:150px;

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis

}

Yukarıda “overflow” özelliği ile taşanları gizledik. Diğer bir özellik olan “white-space” ile yazıyı tek bir satırda tuttuk.Text-overflow özelliğinide dahil ederek yazıyı üç nokta ile sınırlandırdık.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir