Tailwind CSS er et velkjent rammeverk som brukes til å lage tilpassbare og responsive nettsider eller design. Det lar også brukere kontrollere layout og avstand mellom elementer uten å skrive noen tilpasset CSS. Polstring er mellomrommet mellom det bestemte elementets innhold og dets kant. Noen ganger ønsker brukere å bruke samme mengde polstring på hver side av et element. Tailwind tilbyr verktøyklasser for å bruke polstring på alle sider av et element, eller på spesifikke sider, for eksempel topp, høyre, bunn eller venstre.
Denne artikkelen vil eksemplifisere metoden for å legge til polstring på alle sider av et element i Tailwind.
Hvordan legge til polstring på alle sider i medvind?
For å legge til polstring på alle sider av et bestemt element i Tailwind, lag en HTML-struktur. Deretter bruker du verktøyklassen 'p-
Syntaks
< element klasse = 'p-
Erstatt '
Eksempel
I dette eksemplet har vi to ' I den andre Produksjon For å legge til polstring på alle sider av et element i Tailwind, brukes verktøyklassen 'p-
< kropp >
< div klasse = 'bg-pink-600 p-8 w-max' >
Polstring i Medvind CSS
div >
< br >
< div klasse = 'bg-teal-600 p-14 w-max' >
Polstring i Medvind CSS
div >
kropp >
Her, i første
I henhold til utgangen ovenfor er den spesifiserte polstringen påført alle sider av begge beholderne. Konklusjon