Tailwind CSS ir labi zināms ietvars, ko izmanto, lai izveidotu pielāgojamas un atsaucīgas tīmekļa lapas vai dizainu. Tas arī ļauj lietotājiem kontrolēt elementu izkārtojumu un atstarpes, nerakstot pielāgotu CSS. Polsterējums ir atstarpe starp konkrētā elementa saturu un tā apmali. Dažreiz lietotāji vēlas izmantot vienādu polsterējumu katrā elementa pusē. Tailwind nodrošina lietderības klases, lai izmantotu polsterējumu visām elementa pusēm vai noteiktām pusēm, piemēram, augšpusē, labajā pusē, apakšā vai kreisajā pusē.
Šajā rakstā tiks parādīta metode, kā pievienot polsterējumu visām elementa pusēm programmā Tailwind.
Kā pievienot polsterējumu visām pusēm aizmugurējā vējā?
Lai pievienotu polsterējumu visām noteikta elementa pusēm programmā Tailwind, izveidojiet HTML struktūru. Pēc tam izmantojiet lietderības klasi “p-
Sintakse
< elements klasē = 'p-
Aizstājiet “
Piemērs
Šajā piemērā mums ir divi ' Otrajā Izvade Lai pievienotu polsterējumu visām elementa pusēm programmā Tailwind, utilīta klase “p-
< ķermeni >
< div klasē = 'bg-pink-600 p-8 w-max' >
Polsterējums iekšā Tailwind CSS
div >
< br >
< div klasē = 'bg-teal-600 p-14 w-max' >
Polsterējums iekšā Tailwind CSS
div >
ķermeni >
Šeit, pirmajā
Saskaņā ar iepriekš minēto izvadi norādītais polsterējums ir uzklāts uz visām abu konteineru pusēm. Secinājums