Pakalpojumā Tailwind CSS, polsterējums ir telpa starp konkrētā elementa saturu un tā robežu. Horizontālais polsterējums ir telpa elementa kreisajā un labajā pusē, savukārt vertikālais polsterējums ir vieta elementa augšdaļā un apakšā. Tailwind piedāvā dažādas lietderības klases, lai vēlamajiem elementiem pievienotu horizontālu vai vertikālu polsterējumu.
Šis raksts ilustrēs:
Kā pievienot horizontālo polsterējumu aizmugurējā vējā?
Lai programmā Tailwind elementam pievienotu horizontālu polsterējumu, HTML programmā kopā ar vajadzīgo elementu tiek izmantota klase “px-
Sintakse
< elements klasē = 'px-0...' > ... elements >
Šeit “px” apzīmē “x asi” vai “horizontālo polsterējumu”.
Piemērs: Horizontālā polsterējuma lietošana HTML elementam
Šajā piemērā mēs izmantosim ' px-20 komunālo pakalpojumu klase ar ' Lai pievienotu vertikālu polsterējumu elementam Tailwind, izmantojiet “ py- Sintakse Piemērs: Vertikālā polsterējuma lietošana HTML elementam Šajā piemērā mēs izmantosim ' py-20 komunālo pakalpojumu klase ar ' Lai programmā Tailwind pievienotu horizontālo un vertikālo polsterējumu, “ px-
< ķermeni >
< div klasē = 'bg-rozā-600 px-20 w-max' >
Polsterējums iekšā Tailwind CSS
div >
ķermeni >
Izvade
Iepriekš redzamajā izvadē ir redzams polsterējums konteinera kreisajā un labajā pusē. Tas norāda, ka konteinera elementam ir veiksmīgi piemērots horizontālais polsterējums. Kā pievienot vertikālu polsterējumu aizmugurējā vējā?
Šeit “py” apzīmē “y asi” vai “vertikālo polsterējumu”.
< div klasē = 'bg-pink-600 py-20 w-max' >
Polsterējums iekšā Tailwind CSS
div >
ķermeni >
Izvade
Iepriekš redzamajā izvadē ir redzams polsterējums konteinera augšpusē un apakšā. Tas norāda, ka konteinera elementam ir efektīvi piemērots vertikālais polsterējums. Secinājums