css ile satıra sığmayan cümleler ve cümle sonuna üç nokta ataması ...
Bazen uzun uzun paragrafları yayınlarken bir kısmını göstermek için bazense çoklu tablolar da tüm satırları kısaltmak için sonuna üç nokta koyarız. Bu üç nokta yazının devamı var ama buraya sığdıramadım demektir :)
Gelelim bunu CSS ile nasıl yapacağımıza. Bu olayı javascript ile yapmanız veya bulmanız mümkün fakat CSS ile yapımını kimse anlatmamış. Biraz inceleme yaptım ve göremedim. Gelelim nasıl yapacağımıza:
CSS kodumuz:
.ucnokta
{
overflow: hidden;
width: 50;
text-overflow: ellipsis;
}
HTML bölümü:
<div class="ucnokta"><nobr>Kısaltılacak olan yazı bu kısımda yazıyor</nobr></div>
İşte yapmak bu kadar basit. <nobr> kodunu CSS içinden de çağırabilirsiniz. Tek kötü yanı firefox un desteklememesi fakat google da aratırsanız firefox için yazılmış bir JS bulaiblirsiniz.
Görünüşü ise şu şekilde olacak:
Kısaltı...
Kolay gelsin...
