Tailwind CSS je dobře známý rámec, který se používá k vytváření přizpůsobitelných a responzivních webových stránek nebo návrhů. Umožňuje také uživatelům ovládat rozvržení a rozmístění prvků bez nutnosti psaní vlastních CSS. Padding je prostor mezi obsahem konkrétního prvku a jeho okrajem. Někdy uživatelé chtějí použít stejné množství odsazení na každou stranu prvku. Tailwind poskytuje pomocné třídy pro použití odsazení na všechny strany prvku nebo na konkrétní strany, například nahoře, vpravo, dole nebo vlevo.
Tento článek bude příkladem metody přidání odsazení na všechny strany prvku v Tailwindu.
Jak přidat odsazení na všechny strany ve službě Tailwind?
Chcete-li přidat odsazení na všechny strany určitého prvku v Tailwindu, vytvořte strukturu HTML. Poté použijte třídu nástroje „p-
Syntax
< živel třída = 'p-
Nahraďte „
Příklad
V tomto příkladu máme dvě „ Ve druhém Výstup Chcete-li přidat odsazení na všechny strany prvku v Tailwindu, použije se třída nástroje „p-
< tělo >
< div třída = 'bg-růžová-600 p-8 w-max' >
Vycpávka v Tailwind CSS
div >
< br >
< div třída = 'bg-teal-600 p-14 w-max' >
Vycpávka v Tailwind CSS
div >
tělo >
Zde, v prvním
Podle výše uvedeného výstupu byla specifikovaná výplň aplikována na všechny strany obou nádob. Závěr