I HTML er knapper klikkbare elementer som brukes til å utføre en bestemt handling. Ved å bruke CSS kan du angi knappens posisjon der du vil plassere den. For å gjøre det er det flere teknikker i CSS, en av dem er flexbox. ' bøye seg ” brukes til å angi posisjonen til elementet i henhold til visningsporten.
Denne artikkelen vil lære hvordan du sentrerer en knapp ved hjelp av CSS Flexbox.
Så la oss begynne!
Hvordan sentrere knappen ved å bruke CSS flexbox?
' bøye seg ” er verdien satt for display-egenskapen til CSS. Avhengig av visningsportens størrelse, angir den innhold eller elementer deretter. I CSS skaper flexverdien lik plass mellom elementene for å sikre at de blir arrangert effektivt.
Syntaks
I den ovenfor gitte syntaksen, ' bøye seg ' vil bli spesifisert som verdien av ' vise ' eiendom.
Så la oss ta en titt på eksemplet for å sentralisere knappen ved hjelp av flex.
Eksempel
I
av HTML vil vi lage en beholder med