Bazen php ile oluşturduğunuz ve çekilmek istenen verinin uzunluğu tahmin edilemediği için bizde çözüm olarak css yardımı ile belirli bir genişlik belirtip overflow yani taşma yaşanan yerleri css ile üç nokta koyarak kısaltmamız gerekmektedir. Böyle olaylarda css’de text-overflow kodunu kullanmaktayız ellipsis değeri bize bu çareyi yaratmaktadır Ama taşan verilerin gizlenmesi için ve ayrıca taşan verinin 2. satıra geçmemesi için overflow ve white-space değerleride de bize gereklidir. Aşağıda Bir Örnek Vermek Gerekirse;
<div>Php ile getirdiğimiz uzun veri..</div>
Bunu kısaltmak için;
<style>
p {
width: 70px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>
Demo: https://www.w3schools.com/code/tryit.asp?filename=FX860K6KF841