U HTML-u, gumbi su elementi na koje se može kliknuti i koji se koriste za izvođenje određene radnje. Pomoću CSS-a možete postaviti gumb na kojem ga želite postaviti. Za to postoji nekoliko tehnika u CSS-u, a jedna od njih je flexbox. “ savijati ” koristi se za postavljanje položaja elementa prema njegovom okviru za prikaz.
Ovaj članak će vas naučiti kako centrirati gumb koristeći CSS Flexbox.
Dakle, počnimo!
Kako centrirati gumb pomoću CSS flexboxa?
“ savijati ” je vrijednost postavljena za svojstvo prikaza CSS-a. Ovisno o veličini okvira za prikaz, postavlja sadržaj ili elemente u skladu s tim. U CSS-u vrijednost flex stvara jednak prostor između elemenata kako bi se osiguralo da su učinkovito raspoređeni.
Sintaksa
U gore navedenoj sintaksi, ' savijati ' bit će navedeno kao vrijednost ' prikaz ” vlasništvo.
Dakle, pogledajmo primjer centralizacije gumba pomoću flex-a.
Primjer
U
HTML-a stvorit ćemo spremnik s