U Tailwind CSS-u, podstava je prostor između sadržaja određenog elementa i njegove granice. Horizontalna podstava je prostor s lijeve i desne strane elementa, dok je okomito padding je prostor na vrhu i dnu elementa. Tailwind nudi različite uslužne klase za dodavanje vodoravne ili okomite ispune željenim elementima.
Ovaj će članak ilustrirati:
Kako dodati vodoravnu podlogu u Tailwind?
Za dodavanje vodoravnog ispuna elementu u Tailwindu, koristi se klasa “px-
Sintaksa
< element razreda = 'px-0 ...' > ... element >
Ovdje 'px' predstavlja 'x-os' ili 'horizontalnu ispunu'.
Primjer: Primjena horizontalnog ispuna na HTML element
U ovom primjeru koristit ćemo ' px-20 ' klasa korisnosti s ' Za dodavanje okomitog ispuna elementu u Tailwindu, koristite ' py- Sintaksa Primjer: Primjena okomitog ispuna na HTML element U ovom primjeru koristit ćemo ' py-20 ' klasa korisnosti s ' Za dodavanje vodoravne i okomite ispune u Tailwind, ' px-
< tijelo >
< div razreda = 'bg-ružičasta-600 px-20 w-max' >
Padding u Stražnji vjetar CSS
div >
tijelo >
Izlaz
Gornji izlaz prikazuje ispunu lijeve i desne strane spremnika. Ovo označava da je vodoravna ispuna uspješno primijenjena na element spremnika. Kako dodati okomitu podlogu u Tailwind?
Ovdje 'py' predstavlja 'y-os' ili 'vertikalno punjenje'.
< div razreda = 'bg-pink-600 py-20 w-max' >
Padding u Stražnji vjetar CSS
div >
tijelo >
Izlaz
Gornji rezultat prikazuje podstavu gornje i donje strane spremnika. Ovo označava da je okomito ispunjavanje učinkovito primijenjeno na element spremnika. Zaključak