Tailwind CSS nodrošina “ starpība ” lietderības klases, kas ļauj lietotājiem kontrolēt atstarpi ap elementiem. The horizontālā mala pievieno atstarpi elementa kreisajā un labajā pusē, savukārt a vertikālā mala pievieno vietu elementa augšpusē un apakšā. Tailwind piedāvā dažādas lietderības klases, lai vēlamajiem elementiem pievienotu horizontālas vai vertikālas piemales.
Šis raksts sniegs piemēru:
Kā pievienot horizontālo robežu aizmugurējā vējā?
Lai programmā Tailwind elementam pievienotu horizontālu piemali, mx-
Sintakse
< elements klasē = 'mx-
Šeit “mx” apzīmē “x asi” vai “horizontālo rezervi”. Noteikti aizstājiet “
Piemērs: Horizontālās piemales piemērošana HTML elementam
Šajā piemērā mēs izmantosim ' mx-10 komunālo pakalpojumu klase ar ' Lai programmā Tailwind elementam pievienotu vertikālu piemali, izmantojiet “ mana- Sintakse Piemērs: Vertikālās piemales piemērošana HTML elementam Šajā piemērā mēs izmantosim ' mans-10 komunālo pakalpojumu klase ar ' Lai programmā Tailwind pievienotu horizontālo un vertikālo piemali, “ mx-
< ķermeni >
< div klasē = 'h-screen mx-10 bg-purple-500' >
< lpp klasē = 'text-5xl text-center' > Marža iekšā Tailwind CSS lpp >
div >
ķermeni >
Izvade
Iepriekš redzamajā izvadē ir redzama piemale konteinera kreisajā un labajā pusē. Tas norāda, ka horizontālā piemale ir veiksmīgi piemērota konteinera elementam. Kā pievienot vertikālo robežu aizmugurējā vējā?
Šeit “mans” apzīmē “y asi” vai “vertikālo malu”. Noteikti aizstājiet “
< div klasē = 'h-96 my-10 bg-purple-500' >
< lpp klasē = 'text-5xl text-center' > Marža iekšā Tailwind CSS lpp >
div >
ķermeni >
Izvade
Augšējā izvade parāda rezervi konteinera augšpusē un apakšā. Tas norāda, ka vertikālā piemale ir efektīvi piemērota konteinera elementam. Secinājums