Tailwind CSS je dobre známy rámec, ktorý sa používa na vytváranie prispôsobiteľných a responzívnych webových stránok alebo návrhov. Umožňuje tiež používateľom ovládať rozloženie a rozmiestnenie prvkov bez písania akéhokoľvek vlastného CSS. Výplň je priestor medzi obsahom konkrétneho prvku a jeho okrajom. Používatelia niekedy chcú použiť rovnaké množstvo výplne na každú stranu prvku. Tailwind poskytuje pomocné triedy na použitie výplne na všetky strany prvku alebo na konkrétne strany, napríklad hore, vpravo, dole alebo vľavo.
Tento článok bude príkladom spôsobu pridania výplne na všetky strany prvku v Tailwinde.
Ako pridať výplň na všetky strany v Tailwinde?
Ak chcete pridať odsadenie na všetky strany konkrétneho prvku v Tailwinde, vytvorte štruktúru HTML. Potom použite pomocnú triedu „p-
Syntax
< element trieda = 'p-
Nahraďte „
Príklad
V tomto príklade máme dve „ V druhom Výkon Ak chcete pridať výplň na všetky strany prvku v Tailwinde, použije sa pomocná trieda „p-
< telo >
< div trieda = 'bg-ružová-600 p-8 w-max' >
Vypchávka v Tailwind CSS
div >
< br >
< div trieda = 'bg-teal-600 p-14 w-max' >
Vypchávka v Tailwind CSS
div >
telo >
Tu, v prvom
Podľa vyššie uvedeného výstupu bola špecifikovaná výplň aplikovaná na všetky strany oboch nádob. Záver