Tailwind CSS dobro je poznati okvir koji se koristi za stvaranje prilagodljivih i responzivnih web stranica ili dizajna. Također omogućuje korisnicima da kontroliraju izgled i razmak između elemenata bez pisanja prilagođenog CSS-a. Ispuna je prostor između sadržaja određenog elementa i njegove granice. Ponekad korisnici žele primijeniti istu količinu ispune na svaku stranu elementa. Tailwind pruža uslužne klase za primjenu ispune na sve strane elementa ili na određene strane, kao što su gornja, desna, donja ili lijeva.
Ovaj će članak ilustrirati metodu dodavanja ispuna na sve strane elementa u Tailwindu.
Kako dodati podstavu na sve strane u Tailwindu?
Da biste dodali ispunu na sve strane određenog elementa u Tailwindu, napravite HTML strukturu. Zatim upotrijebite klasu uslužnog programa “p-
Sintaksa
< element razreda = 'p-
Zamijenite “
Primjer
U ovom primjeru imamo dva ' U drugom Izlaz Za dodavanje ispune na sve strane elementa u Tailwindu, klasa pomoćnih programa “p-
< tijelo >
< div razreda = 'bg-pink-600 p-8 w-max' >
Padding u Stražnji vjetar CSS
div >
< br >
< div razreda = 'bg-teal-600 p-14 w-max' >
Padding u Stražnji vjetar CSS
div >
tijelo >
Ovdje, u prvom
Prema gornjem izlazu, navedeno punjenje primijenjeno je na sve strane oba spremnika. Zaključak