CSS ile uzun metinleri üç nokta ile kesmek için Css’den yardım alabilirsiniz. Örnek olarak aşağıda ki HTML kodlarını kullanırsak:
HTML Kodları
<ul style="width: 500px;">
<li class="kisa_kes">Çanakta balın olsun, Yemen'den arı gelir</li>
<li class="kisa_kes">Fakirlik ayıp değil, tembellik ayıp</li>
<li class="kisa_kes">Fukaranın tavuğu tek tek yumurtlar</li>
</ul>
CSS Kodları
<style>
.kisa_kes{
width: 100%;/* genişlik değeri, ul da ki 500px değerini referans alacak */
text-overflow: ellipsis;/* eğer uzun ise sonuna 3 nokta koyar */
white-space: nowrap;/* yazıyı alt satıra geçirmez, tek satırda gösterir */
overflow: hidden;/*verilen genişlikten sonrasını gizler*/
}
</style>
