HTML-is on nupud klõpsatavad elemendid, mida kasutatakse konkreetse toimingu tegemiseks. CSS-i abil saate määrata nupu asukoha, kuhu soovite selle paigutada. Selleks on CSS-is mitu tehnikat, üks neist on flexbox. “ painduv ” kasutatakse elemendi asukoha määramiseks vastavalt selle vaateavale.
See artikkel õpetab, kuidas nupp CSS Flexboxi abil keskele asetada.
Niisiis, alustame!
Kuidas CSS flexboxi abil nuppu tsentreerida?
“ painduv ” on CSS-i kuvamise atribuudi väärtus. Olenevalt vaateava suurusest määrab see sisu või elemendid vastavalt. CSS-is loob paindumisväärtus elementide vahel võrdse ruumi, et tagada nende tõhus paigutus.
Süntaks
Ülaltoodud süntaksis ' painduv ' määratakse '' väärtusena kuva ” vara.
Niisiis, vaatame näidet nupu tsentraliseerimiseks flexi abil.
Näide
HTML-i jaotises
loome konteineri klassiga