I HTML er knapper klikbare elementer, der bruges til at udføre en bestemt handling. Ved hjælp af CSS kan du indstille knappens position, hvor du vil placere den. For at gøre det er der flere teknikker i CSS, en af dem er flexbox. “ bøje ” bruges til at indstille elementets position i henhold til dets viewport.
Denne artikel vil lære, hvordan man centrerer en knap ved hjælp af CSS Flexbox.
Så lad os begynde!
Sådan centreres knap ved hjælp af CSS flexbox?
“ bøje ” er værdien indstillet for display-egenskaben for CSS. Afhængigt af visningsportens størrelse indstiller den indhold eller elementer i overensstemmelse hermed. I CSS skaber flexværdien lige stor plads mellem elementerne for at sikre, at de er arrangeret effektivt.
Syntaks
I den ovenfor givne syntaks, ' bøje ' vil blive angivet som værdien af ' Skærm ” ejendom.
Så lad os se eksemplet for at centralisere knappen ved hjælp af flex.
Eksempel
I
af HTML, vil vi oprette en container med