Tailwind CSS yra gerai žinoma sistema, kuri naudojama kuriant tinkinamus ir reaguojančius tinklalapius ar dizainą. Tai taip pat leidžia vartotojams valdyti elementų išdėstymą ir tarpus nerašant jokio pasirinktinio CSS. Padding – tai tarpas tarp konkretaus elemento turinio ir jo kraštinės. Kartais vartotojai nori pritaikyti tą patį užpildymo kiekį kiekvienai elemento pusei. Tailwind pateikia naudingumo klases, skirtas pritaikyti užpildymą visoms elemento pusėms arba konkrečioms pusėms, pvz., viršuje, dešinėje, apačioje arba kairėje.
Šiame straipsnyje bus parodytas būdas pridėti užpildymo visose „Tailwind“ elemento pusėse.
Kaip pridėti paminkštinimus prie visų pusių „Tailwind“?
Norėdami pridėti užpildymą visose tam tikro elemento „Tailwind“ pusėse, sukurkite HTML struktūrą. Tada naudokite „p-
Sintaksė
< elementas klasė = 'p-
Pakeiskite „
Pavyzdys
Šiame pavyzdyje turime du ' Antrame Išvestis Norint pridėti užpildymą visose „Tailwind“ elemento pusėse, „p-
< kūnas >
< div klasė = 'bg-pink-600 p-8 w-max' >
Paminkštinimas in Tailwind CSS
div >
< br >
< div klasė = 'bg-teal-600 p-14 w-max' >
Paminkštinimas in Tailwind CSS
div >
kūnas >
Čia, pirmame
Pagal aukščiau pateiktą išvestį nurodytas paminkštinimas buvo pritaikytas visose abiejų konteinerių pusėse. Išvada