En HTML, los botones son elementos en los que se puede hacer clic que se utilizan para realizar una acción específica. Usando CSS, puede establecer la posición del botón donde desea colocarlo. Para hacerlo, existen varias técnicas en CSS, una de ellas es flexbox. “ flexionar ” se utiliza para establecer la posición del elemento de acuerdo con su ventana gráfica.
Este artículo enseñará cómo centrar un botón usando CSS Flexbox.
¡Vamos a empezar!
¿Cómo centrar el botón usando CSS flexbox?
“ flexionar ” es el valor establecido para la propiedad de visualización de CSS. Según el tamaño de la ventana gráfica, establece el contenido o los elementos en consecuencia. En CSS, el valor flexible crea el mismo espacio entre los elementos para garantizar que se organicen de manera eficiente.
Sintaxis
En la sintaxis anterior, “ flexionar ” se especificará como el valor de la “ monitor ' propiedad.
Entonces, veamos el ejemplo para centralizar el botón usando flex.
Ejemplo
En el de HTML, crearemos un contenedor con la clase
llamada “ botón ” y dentro crea un botón usando la etiqueta
