Cum să adăugați căptușeală pe o singură față în Tailwind?

În Tailwind CSS, umplutura este folosită pentru a adăuga spațiu între conținutul elementului specific și marginile acestuia. Adaugă spațiu suplimentar în interiorul elementului. Tailwind CSS oferă un set de utilități de umplutură și valori de umplutură care le permite utilizatorilor să personalizeze distanța dintre elementele dorite. În plus, utilizatorii pot adăuga căptușeală pe o singură parte, cum ar fi partea de sus, de jos, din stânga sau din dreapta unui anumit element.

Acest blog va demonstra exemplele pentru a adăuga umplutură pe o singură parte a unui element în CSS Tailwind.

Cum să adăugați căptușeală pe o singură față în Tailwind?

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

• • „ pt- ” clasa adaugă umplutură în partea de sus a elementului.
  • „ pb- ” clasa adaugă umplutură în partea de jos a elementului.
  • „ pl- ” clasa adaugă padding la stânga elementului.
  • „ pr- ” clasa adaugă padding la dreapta elementului.

Pentru a înțelege mai bine, consultați exemplele furnizate mai jos.

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

În acest exemplu, vom folosi „ pct-10 ” clasa de utilitate în ”