Merhaba arkadaşlar, bu yazımızda CSS'i kullanarak belirli bir alandaki metnin alt satıra geçmesini engellemeyi, taşan kısımların gizlenmesini ve metnin sonuna üç nokta(...) koyma işleminin nasıl yapıldığını öğreneceğiz. Bu işlemler için CSS'in overflow, white-space ve text-overflow özelliklerini kullacanağız.
Kullanıma geçecek olursak;
.alan{
width: 200px; // Alanın genişliğini belirleme
overflow: hidden; // Alanın dışına taşanları gizle
white-space: nowrap; // Alt satıra geçmeyi engelle
text-overflow: ellipsis; // Uzunsa sonuna üç nokta koy
}
Kodumuzun Çıktısı:
Hepinize keyifli kodlamalar :)