In HTML zijn knoppen klikbare elementen die worden gebruikt om een specifieke actie uit te voeren. Met behulp van CSS kunt u de positie van de knop instellen waar u deze wilt plaatsen. Hiervoor zijn er verschillende technieken in CSS, een daarvan is flexbox. “ buigen ” wordt gebruikt om de positie van het element in te stellen op basis van zijn viewport.
In dit artikel wordt uitgelegd hoe u een knop centreert met CSS Flexbox.
Laten we beginnen!
Hoe de knop centreren met behulp van CSS flexbox?
“ buigen ” is de waarde die is ingesteld voor de eigenschap display van CSS. Afhankelijk van de grootte van de viewport stelt het de inhoud of elementen dienovereenkomstig in. In CSS creëert de flex-waarde gelijke ruimte tussen elementen om ervoor te zorgen dat ze efficiënt worden gerangschikt.
Syntaxis
In de hierboven gegeven syntaxis, ' buigen ” wordt gespecificeerd als de waarde van de “ Scherm ' eigendom.
Laten we dus het voorbeeld bekijken om de knop te centraliseren met flex.
Voorbeeld
In de
van HTML zullen we een container maken met de klasse