Satır Sayısı Sınırı(Line Clamp) - Tailwind
line-clamp sınıfı, Tailwind CSS'de çok satırlı metinleri belirli bir satır sayısında kesebilmenizi sağlar. Bu genellikle metinlerin çok uzun olması durumunda, metni belirli bir satır sayısında kesip "..." gibi bir işaret ile sonlandırmak için kullanılır. Özellikle kartlar, gönderiler veya liste öğeleri gibi yerlerde metinleri belirli bir uzunlukta göstermek istediğinizde kullanışlıdır.
<div class="m-20 w-80"> <div class="line-clamp-3"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel mi eget urna sollicitudin fringilla sed eget urna. Duis sit amet mauris consequat, condimentum sapien ac, efficitur elit. Sed efficitur libero sit amet nisl semper vestibulum. Integer et nisi vel sem hendrerit cursus. </div> </div>
Yukarıdaki örnekte, line-clamp-3 sınıfını kullandık ve bu metni maksimum 3 satırda göstermesini sağladık. Eğer metni 3 satıra sığdıramazsa, fazla kısmı "..." ile kesilecektir.
0 Yorum
Önerilen Yorumlar
Görüntülenecek yorum yok.