Tailwind CSS is een bekend raamwerk dat wordt gebruikt om aanpasbare en responsieve webpagina's of ontwerpen te maken. Het stelt gebruikers ook in staat om de lay-out en spatiëring van elementen te bepalen zonder aangepaste CSS te schrijven. Opvulling is de ruimte tussen de inhoud van het specifieke element en de rand. Soms willen gebruikers dezelfde hoeveelheid opvulling toepassen op elke zijde van een element. Tailwind biedt hulpprogrammaklassen om opvulling toe te passen op alle zijden van een element of op specifieke zijden, zoals boven, rechts, onder of links.
Dit artikel illustreert de methode om opvulling toe te voegen aan alle zijden van een element in Tailwind.
Hoe voeg je opvulling toe aan alle kanten in Tailwind?
Maak een HTML-structuur om opvulling toe te voegen aan alle zijden van een bepaald element in Tailwind. Gebruik vervolgens de hulpprogrammaklasse 'p-
Syntaxis
< element klas = 'p-
Vervang de '
Voorbeeld
In dit voorbeeld hebben we twee ' In de tweede Uitgang Om opvulling toe te voegen aan alle zijden van een element in Tailwind, wordt de 'p-
< lichaam >
< div klas = 'bg-roze-600 p-8 w-max' >
Vulling in Tailwind-CSS
div >
< br >
< div klas = 'bg-teal-600 p-14 w-max' >
Vulling in Tailwind-CSS
div >
lichaam >
Hier, in de eerste
Volgens de bovenstaande uitvoer is de opgegeven opvulling toegepast op alle zijden van beide containers. Conclusie