HTML:ssä painikkeet ovat klikattavia elementtejä, joita käytetään tietyn toiminnon suorittamiseen. CSS:n avulla voit asettaa painikkeen sijainnin, johon haluat sijoittaa sen. Tätä varten CSS:ssä on useita tekniikoita, joista yksi on flexbox. ' flex ' käytetään asettamaan elementin sijainti sen näkymän mukaan.
Tässä artikkelissa opetetaan, kuinka painike keskitetään CSS Flexboxin avulla.
Joten, aloitetaan!
Kuinka keskittää painike CSS flexboxin avulla?
' flex ” on CSS:n näyttöominaisuuden arvo. Näkymäportin koosta riippuen se asettaa sisällön tai elementit vastaavasti. CSS:ssä flex-arvo luo tasaisen tilan elementtien väliin varmistaakseen, että ne järjestetään tehokkaasti.
Syntaksi
Yllä annetussa syntaksissa ' flex ' määritetään '' näyttö ” omaisuutta.
Joten katsotaanpa esimerkkiä painikkeen keskittämisestä flexin avulla.
Esimerkki
HTML:n
-kenttään luomme säilön, jossa on