I HTML är knappar klickbara element som används för att utföra en specifik åtgärd. Med CSS kan du ställa in knappens position där du vill placera den. För att göra det finns det flera tekniker i CSS, en av dem är flexbox. ' böja ” används för att ställa in elementets position enligt dess visningsport.
Den här artikeln kommer att lära ut hur man centrerar en knapp med CSS Flexbox.
Så, låt oss börja!
Hur man centrerar knappen med CSS flexbox?
' böja ” är det värde som ställts in för displayegenskapen för CSS. Beroende på visningsportens storlek ställer den in innehåll eller element i enlighet därmed. I CSS skapar flexvärdet lika utrymme mellan elementen för att säkerställa att de arrangeras effektivt.
Syntax
I den ovan givna syntaxen ' böja ' kommer att anges som värdet på ' visa ' fast egendom.
Så låt oss kolla in exemplet för att centralisera knappen med flex.
Exempel
I
i HTML skapar vi en behållare med