Kako dodati oblazinjenje na vse strani v Tailwindu?

Kako Dodati Oblazinjenje Na Vse Strani V Tailwindu



Tailwind CSS je dobro znano ogrodje, ki se uporablja za ustvarjanje prilagodljivih in odzivnih spletnih strani ali dizajnov. Uporabnikom omogoča tudi nadzor nad postavitvijo in razmikom elementov brez pisanja CSS-ja po meri. Oblazinjenje je prostor med vsebino določenega elementa in njegovo obrobo. Včasih želijo uporabniki uporabiti enako količino oblazinjenja na vsaki strani elementa. Tailwind ponuja uporabne razrede za uporabo oblazinjenja na vseh straneh elementa ali na določenih straneh, kot so zgornji, desni, spodnji ali levi.

Ta članek bo ponazoril metodo dodajanja oblazinjenja na vse strani elementa v Tailwindu.





Kako dodati oblazinjenje na vse strani v Tailwindu?

Če želite dodati oblazinjenje na vse strani določenega elementa v Tailwindu, naredite strukturo HTML. Nato z določenim elementom uporabite razred pripomočkov “p-”. Zahtevano je podati želeno vrednost za uporabo oblazinjenja za element. Nato si oglejte spletno stran HTML, da zagotovite spremembe.



Sintaksa



< element razred = 'p-' ... element >


Zamenjajte “” s poljubno želeno številko, na primer 2, 4, 12, 20 itd.



Primer

V tem primeru imamo dva '

« in uporabili bomo dve različni oblazinjenji, tj. p-8 « in » str-14 ' na njih:



< telo >

< div razred = 'bg-pink-600 p-8 w-max' >
Oblazinjenje v CSS hrbtnega vetra
div >

< št >

< div razred = 'bg-teal-600 p-14 w-max' >
Oblazinjenje v CSS hrbtnega vetra
div >

telo >


Tukaj, v prvem

:

    • “ bg-roza-600 ” nastavi roza barvo za ozadje elementa
      .
    • “ p-8 ” doda 8 enot oblazinjenja na vse strani vsebnika.
    • “ w-maks ” nastavi širino elementa
      na največjo širino vsebine.

V drugem

:

    • “ bg-teal-600 ” nastavi modrozeleno barvo za ozadje elementa
      .
    • “ str-14 ” uporablja 14 enot oblazinjenja na vseh straneh posode.
    • “ w-maks ” nastavi širino elementa
      na največjo širino vsebine.

Izhod


V skladu z zgornjim rezultatom je bilo navedeno oblazinjenje uporabljeno na vseh straneh obeh vsebnikov.

Zaključek

Za dodajanje oblazinjenja na vse strani elementa v Tailwindu se z želenim elementom v programu HTML uporabi razred pripomočkov »p-«. Uporabniki morajo določiti posebno vrednost, da elementu uporabijo oblazinjenje. Za preverjanje si oglejte spletno stran HTML in zagotovite spremembe. Ta članek je ponazoril metodo za dodajanje oblazinjenja na vse strani elementa v Tailwindu.

drugo

Kategorija

Priljubljene Objave

Dodajanje slike v celico tabele v HTML

Kako poslati pošto prek ukaza Curl na Raspberry Pi

Kako namestiti Google Chrome na Ubuntu 24.04

Kako dati prostor med dvema povezavama v HTML in CSS?

Kako uporabim funkcijo CONCAT() v MySQL?

Kako zagnati crontab ob zagonu sistema

Kako ravnati z argumenti ukazne vrstice v Bashu?

Storitev proti Systemctl

Kako rešiti napako »Iskanje Windows je privzeto deaktivirano Windows 10«.

Kako uporabiti prelomne točke in medijske poizvedbe z »poravnavami« v Tailwindu?

Kako dodati prelom vrstice v LaTeX

Kako preveriti/posodobiti eno datoteko iz oddaljenega glavnega izvora?

Kako podrobno prikazati nepotrjene spremembe v Gitu in nekatere Git razlike?

Kako prenosnemu računalniku dodati več vrat USB?

Kako namestiti Mousepad na Raspberry Pi

Naštevanje C#

Popoln vodnik o cenah storitve Amazon WorkMail

Kakšna je razlika med C++ String == in metodo Compare().

Povprečna vrednost AC valovne oblike

Kako narisati izraz ali funkcijo v MATLAB z uporabo fplot()