Paano Magdagdag ng Margin sa Isang Gilid sa Tailwind?

Sa Tailwind CSS, a margin ay ginagamit upang kontrolin ang espasyo sa paligid ng partikular na elemento. Nagdaragdag ito ng espasyo sa pagitan ng inilapat na elemento at ng mga nakapaligid na elemento nito. Ang Tailwind CSS ay nagbibigay ng isang hanay ng mga margin utility at margin value na nagpapahintulot sa mga user na i-customize ang spacing sa paligid ng mga gustong elemento. Bukod dito, ang mga user ay maaaring magdagdag ng margin sa isang gilid, tulad ng itaas, ibaba, kaliwa, o kanan ng isang partikular na elemento.

Magpapakita ang blog na ito ng mga halimbawa upang magdagdag ng margin sa isang bahagi ng isang elemento sa Tailwind CSS.

Paano Magdagdag ng Margin sa Isang Gilid sa Tailwind?

Upang magdagdag ng margin sa isang bahagi ng isang elemento sa Tailwind, maaaring gamitin ang mga sumusunod na klase ng utility:

• • “ mt- ” class ay nagdaragdag ng margin sa tuktok ng elemento.
  • “ mb- ” class ay nagdaragdag ng margin sa ibaba ng elemento.
  • “ ml- ” class ay nagdaragdag ng margin sa kaliwa ng elemento.
  • “ mr- ” class ay nagdaragdag ng margin sa kanan ng elemento.

Upang mas maunawaan ito, dumaan sa mga halimbawang ibinigay sa ibaba.

Halimbawa 1: Magdagdag ng Margin sa Tuktok ng isang Element

Sa halimbawang ito, gagamitin namin ang ' mt-14 ' utility class sa '