In HTML, i pulsanti sono elementi cliccabili utilizzati per eseguire un'azione specifica. Usando i CSS, puoi impostare la posizione del pulsante dove vuoi posizionarlo. Per fare ciò, ci sono diverse tecniche in CSS, una di queste è flexbox. “ flettere ” viene utilizzato per impostare la posizione dell'elemento in base alla sua vista.
Questo articolo insegnerà come centrare un pulsante utilizzando CSS Flexbox.
Quindi, iniziamo!
Come centrare il pulsante utilizzando CSS flexbox?
“ flettere ” è il valore impostato per la proprietà display di CSS. A seconda delle dimensioni del viewport, imposta il contenuto o gli elementi di conseguenza. In CSS, il valore flex crea uno spazio uguale tra gli elementi per garantire che siano disposti in modo efficiente.
Sintassi
Nella sintassi sopra indicata, ' flettere ” sarà specificato come valore di “ Schermo ' proprietà.
Quindi, diamo un'occhiata all'esempio per centralizzare il pulsante usando flex.
Esempio
Nel
dell'HTML, creeremo un container con la classe