Tailwind CSS är ett välkänt ramverk som används för att skapa anpassningsbara och responsiva webbsidor eller design. Det tillåter också användare att styra layouten och avståndet mellan element utan att skriva någon anpassad CSS. Utfyllnad är utrymmet mellan det specifika elementets innehåll och dess kant. Ibland vill användare använda samma mängd stoppning på varje sida av ett element. Tailwind tillhandahåller verktygsklasser för att applicera stoppning på alla sidor av ett element, eller på specifika sidor, som topp, höger, botten eller vänster.
Den här artikeln kommer att exemplifiera metoden för att lägga till stoppning på alla sidor av ett element i Tailwind.
Hur lägger man till stoppning på alla sidor i medvind?
För att lägga till utfyllnad på alla sidor av ett visst element i Tailwind, skapa en HTML-struktur. Använd sedan verktygsklassen 'p-
Syntax
< element klass = 'p-
Ersätt '
Exempel
I det här exemplet har vi två ' I den andra Produktion För att lägga till utfyllnad på alla sidor av ett element i Tailwind, används verktygsklassen 'p-
< kropp >
< div klass = 'bg-pink-600 p-8 w-max' >
Stoppning i Medvind CSS
div >
< br >
< div klass = 'bg-teal-600 p-14 w-max' >
Stoppning i Medvind CSS
div >
kropp >
Här, i första
Enligt ovanstående utgång har den angivna stoppningen applicerats på alla sidor av båda behållarna. Slutsats