En HTML, les boutons sont des éléments cliquables utilisés pour effectuer une action spécifique. À l'aide de CSS, vous pouvez définir la position du bouton à l'endroit où vous souhaitez le placer. Pour ce faire, il existe plusieurs techniques en CSS, l'une d'entre elles est flexbox. ' fléchir ” permet de définir la position de l'élément en fonction de sa fenêtre.
Cet article vous apprendra comment centrer un bouton à l'aide de CSS Flexbox.
Alors, commençons !
Comment centrer le bouton à l'aide de CSS flexbox ?
' fléchir ” est la valeur définie pour la propriété display de CSS. Selon la taille de la fenêtre, il définit le contenu ou les éléments en conséquence. En CSS, la valeur flex crée un espace égal entre les éléments pour s'assurer qu'ils sont organisés efficacement.
Syntaxe
Dans la syntaxe ci-dessus, ' fléchir ' sera spécifié comme la valeur de ' affichage ' propriété.
Alors, regardons l'exemple pour centraliser le bouton en utilisant flex.
Exemple
Dans le
de HTML, nous allons créer un conteneur avec la classe