V HTML-ju so gumbi elementi, ki jih je mogoče klikniti in se uporabljajo za izvedbo določenega dejanja. S pomočjo CSS lahko nastavite položaj gumba, kamor ga želite postaviti. Za to obstaja več tehnik v CSS, ena od njih je flexbox. “ flex ” se uporablja za nastavitev položaja elementa glede na njegovo vidno polje.
Ta članek vas bo naučil, kako centrirati gumb z uporabo CSS Flexbox.
Torej, začnimo!
Kako centrirati gumb z uporabo CSS flexbox?
“ flex ” je vrednost, nastavljena za lastnost prikaza CSS. Glede na velikost vidnega polja ustrezno nastavi vsebino ali elemente. V CSS vrednost flex ustvari enak prostor med elementi, da zagotovi njihovo učinkovito razporeditev.
Sintaksa
V zgornji sintaksi je ' flex « bo podana kot vrednost » zaslon ” lastnina.
Torej, poglejmo primer za centralizacijo gumba s pomočjo flex.
Primer
V
HTML-ja bomo ustvarili vsebnik z razredom