Tailwind CSS er en velkendt ramme, der bruges til at skabe tilpassede og responsive websider eller designs. Det giver også brugere mulighed for at kontrollere layoutet og afstanden mellem elementer uden at skrive nogen tilpasset CSS. Polstring er rummet mellem det bestemte elements indhold og dets grænse. Nogle gange ønsker brugere at anvende den samme mængde polstring på hver side af et element. Tailwind giver hjælpeklasser til at anvende polstring på alle sider af et element eller på bestemte sider, såsom top, højre, bund eller venstre.
Denne artikel vil eksemplificere metoden til at tilføje polstring til alle sider af et element i Tailwind.
Hvordan tilføjer man polstring til alle sider i medvind?
For at tilføje polstring til alle sider af et bestemt element i Tailwind skal du lave en HTML-struktur. Brug derefter hjælpeklassen 'p-
Syntaks
< element klasse = 'p-
Erstat '
Eksempel
I dette eksempel har vi to ' I den anden Produktion For at tilføje polstring til alle sider af et element i Tailwind, bruges hjælpeklassen 'p-
< legeme >
< 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 >
legeme >
Her, i første
I henhold til ovenstående output er den specificerede polstring blevet påført på alle sider af begge beholdere. Konklusion