Cum să adăugați o marjă pe o singură față în Tailwind?

În Tailwind CSS, a marginea este utilizat pentru a controla distanța în jurul elementului specific. Se adaugă spațiu între elementul aplicat și elementele din jur. Tailwind CSS oferă un set de utilități de marjă și valori de marjă care le permite utilizatorilor să personalizeze spațierea în jurul elementelor dorite. În plus, utilizatorii pot adăuga o marjă pe o singură latură, cum ar fi partea de sus, de jos, din stânga sau din dreapta unui anumit element.

Acest blog va demonstra exemple pentru a adăuga o marjă la o singură parte a unui element în CSS Tailwind.

Cum să adăugați o marjă pe o singură față în Tailwind?

Pentru a adăuga o marjă la o singură latură a unui element în Tailwind, pot fi utilizate următoarele clase de utilitate:

• • „ mt- ” clasa adaugă o marjă în partea de sus a elementului.
  • „ mb- ” clasa adaugă o marjă în partea de jos a elementului.
  • „ ml- ” clasa adaugă o marjă la stânga elementului.
  • „ mr- ” clasa adaugă o marjă în dreapta elementului.

Pentru a înțelege mai bine, parcurgeți exemplele oferite mai jos.

Exemplul 1: Adăugați o marjă în partea de sus a unui element

În acest exemplu, vom folosi „ mt-14 ” clasa de utilitate în ”