İçeriğe atla
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×

CSS

  • makale
    57
  • yorum
    0
  • görüntüleme
    2.249

Satır Sayısı Sınırı(Line Clamp) - Tailwind


Doğuhan ELMA

126 görünüm

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>

1.png

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.

Misafir
Yorum ekle...

×   Zengin metin olarak yapıştırıldı.   Bunun yerine düz metin olarak yapıştır

  Yalnızca 75 emojiye izin verilir.

×   Bağlantınız otomatik olarak gömüldü.   Bunun yerine bağlantı olarak görüntüle

×   Önceki içeriğiniz geri yüklendi.   Düzenleyiciyi temizle

×   Görüntüleri doğrudan yapıştıramazsınız. URL'den resim yükleyin veya ekleyin.

×
×
  • Create New...