Jump to content
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×

CSS

  • entries
    53
  • comments
    0
  • views
    1,341

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


Doğuhan ELMA

88 views

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 Comments


Recommended Comments

There are no comments to display.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...