HTML mygtukai yra spustelėjami elementai, naudojami konkrečiam veiksmui atlikti. Naudodami CSS galite nustatyti mygtuko vietą, kurioje norite jį įdėti. Tam yra keletas CSS metodų, vienas iš jų yra „flexbox“. “ lankstus “ naudojamas elemento vietai nustatyti pagal jo peržiūros sritį.
Šiame straipsnyje bus mokoma, kaip centruoti mygtuką naudojant CSS Flexbox.
Taigi, pradėkime!
Kaip centruoti mygtuką naudojant CSS flexbox?
“ lankstus “ yra CSS rodymo ypatybės nustatyta vertė. Atsižvelgiant į peržiūros srities dydį, jis atitinkamai nustato turinį arba elementus. Naudojant CSS, lankstumo vertė sukuria vienodą erdvę tarp elementų, kad būtų užtikrintas efektyvus jų išdėstymas.
Sintaksė
Aukščiau pateiktoje sintaksėje „ lankstus “ bus nurodyta kaip „“ vertė ekranas ' nuosavybė.
Taigi, pažiūrėkime pavyzdį, kaip centralizuoti mygtuką naudojant „flex“.
Pavyzdys
HTML
sukursime konteinerį su