dexblog.ro
Acces rapid: Învață AI Învață Programare Specificații Dispozitive Comparații
TW Toate comenzile Tailwind CSS

Limitarea numărului de rânduri cu line-clamp- în Tailwind CSS în Tailwind CSS

Tipografie și Formatare Text Tailwind CSS 3.3+ Q&A / Distribuie cod

Limitează paragraful la un număr maxim definit de rânduri și adaugă automat puncte de suspensie (...).

Sintaxă 
line-clamp-2 | line-clamp-3 | line-clamp-none

Ce este line-clamp în Tailwind CSS

Înainte integrat ca plugin separat, line-clamp- este acum un utilitar nativ de bază în Tailwind. Acesta trunchiază textele lungi dintr-un card la un număr exact de rânduri vizibile (de exemplu line-clamp-2 sau line-clamp-3) și adaugă automat elipsa ... la final, asigurând o înălțime uniformă pentru toate cardurile din listă.

Exemplu Concret: Descriere de articol limitată la 2 rânduri
<p class="text-gray-600 text-sm line-clamp-2">
  Acesta este un articol extrem de lung care oferă detalii tehnice aprofundate despre dezvoltarea web modernă și care altfel ar strica aspectul simetric al grilei.
</p>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Limitarea numărului de rânduri cu line-clamp- în Tailwind CSS

Ai o nelămurire despre utilizarea comenzii Limitarea numărului de rânduri cu line-clamp- în Tailwind CSS sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.