Tailwind CSS, a marža naudojamas norint valdyti tarpą aplink konkretų elementą. Tai prideda erdvės tarp taikomo elemento ir jį supančių elementų. Tailwind CSS pateikia maržos paslaugų ir paraštės verčių rinkinį, leidžiantį vartotojams tinkinti tarpą aplink norimus elementus. Be to, vartotojai gali pridėti paraštę vienoje pusėje, pvz., konkretaus elemento viršuje, apačioje, kairėje arba dešinėje.
Šiame tinklaraštyje bus parodyti pavyzdžiai, kaip pridėti paraštę vienoje „Tailwind CSS“ elemento pusėje.
Kaip pridėti maržą prie vienos pusės vėjo vėjo metu?
Norėdami pridėti paraštę vienai „Tailwind“ elemento pusei, galima naudoti šias naudingumo klases:
Norėdami tai geriau suprasti, peržiūrėkite toliau pateiktus pavyzdžius.
1 pavyzdys: pridėkite paraštę prie elemento viršaus
Šiame pavyzdyje mes naudosime „ mt-14 'naudingumo klasė' Išvestis 2 pavyzdys: pridėkite paraštę prie elemento apačios Šiame pavyzdyje mes naudosime „ mb-14 “ klasė “ 3 pavyzdys: pridėkite paraštę elemento kairėje Šiame pavyzdyje mes naudosime „ ml-14 “ klasė “ 4 pavyzdys: pridėkite paraštę elemento dešinėje Šiame pavyzdyje mes naudosime „ ponas-14 “ klasė “ Norėdami pridėti paraštę prie vienos „Tailwind“ elemento pusės, galima naudoti įvairias naudingumo klases, pvz., „ ml-
< div klasė = 'h-96 mt-14 bg-purple-500' >
< p klasė = 'text-5xl text-center' > Marža in Tailwind CSS p >
div >
kūnas >
Čia:
Aukščiau pateikta išvestis rodo, kad paraštė buvo pridėta prie konteinerio viršaus.
< div klasė = 'h-96 mb-14 bg-purple-500' >
< p klasė = 'text-5xl text-center' > Marža in Tailwind CSS p >
div >
kūnas >
Išvestis
Matyti, kad prie konteinerio dugno pridėta paraštė.
< div klasė = 'h-96 ml-14 bg-purple-500' >
< p klasė = 'text-5xl text-center' > Marža in Tailwind CSS p >
div >
kūnas >
Išvestis
Aukščiau pateikta išvestis rodo, kad paraštė buvo pridėta konteinerio elemento kairėje.
< div klasė = 'h-96 mr-14 bg-purple-500' >
< p klasė = 'text-5xl text-center' > Marža in Tailwind CSS p >
div >
kūnas >
Išvestis
Kaip matote, paraštė buvo efektyviai pridėta konteinerio dešinėje. Išvada