În HTML, butoanele sunt elemente pe care se poate face clic folosite pentru a efectua o anumită acțiune. Folosind CSS, puteți seta poziția butonului unde doriți să-l plasați. Pentru a face acest lucru, există mai multe tehnici în CSS, una dintre ele este flexbox. „ contracta ” este folosit pentru a seta poziția elementului în funcție de fereastra sa.
Acest articol vă va învăța cum să centrați un buton folosind CSS Flexbox.
Deci, să începem!
Cum să centrați butonul folosind CSS flexbox?
„ contracta ” este valoarea setată pentru proprietatea de afișare a CSS. În funcție de dimensiunea ferestrei de vizualizare, setează conținutul sau elementele în consecință. În CSS, valoarea flexibilă creează spațiu egal între elemente pentru a se asigura că sunt aranjate eficient.
Sintaxă
În sintaxa de mai sus, „ contracta ” va fi specificat ca valoare a „ afişa ” proprietate.
Deci, să verificăm exemplul pentru a centraliza butonul folosind flex.
Exemplu
În
HTML, vom crea un container cu clasa