Ang Tailwind CSS ay isang kilalang framework na ginagamit upang lumikha ng nako-customize at tumutugon na mga web page o disenyo. Pinapayagan din nito ang mga user na kontrolin ang layout at spacing ng mga elemento nang hindi nagsusulat ng anumang custom na CSS. Ang padding ay ang puwang sa pagitan ng nilalaman ng partikular na elemento at hangganan nito. Minsan, gustong ilapat ng mga user ang parehong dami ng padding sa bawat panig ng isang elemento. Nagbibigay ang Tailwind ng mga utility class para maglapat ng padding sa lahat ng panig ng isang elemento, o sa mga partikular na panig, gaya ng itaas, kanan, ibaba, o kaliwa.
Ipapakita ng artikulong ito ang paraan upang magdagdag ng padding sa lahat ng panig ng isang elemento sa Tailwind.
Paano Magdagdag ng Padding sa Lahat ng Gilid sa Tailwind?
Upang magdagdag ng padding sa lahat ng panig ng isang partikular na elemento sa Tailwind, gumawa ng HTML structure. Pagkatapos, gamitin ang klase ng utility na 'p-
Syntax
< elemento klase = 'p-
Palitan ang “
Halimbawa
Sa halimbawang ito, mayroon kaming dalawang ' Sa pangalawang Output Upang magdagdag ng padding sa lahat ng panig ng isang elemento sa Tailwind, ginagamit ang klase ng utility na 'p-
< katawan >
< div klase = 'bg-pink-600 p-8 w-max' >
Padding sa Tailwind CSS
div >
< br >
< div klase = 'bg-teal-600 p-14 w-max' >
Padding sa Tailwind CSS
div >
katawan >
Dito, sa unang
Ayon sa output sa itaas, ang tinukoy na padding ay inilapat sa lahat ng panig ng parehong lalagyan. Konklusyon