A HTML-ben a gombok kattintható elemek, amelyek egy adott művelet végrehajtására szolgálnak. A CSS használatával beállíthatja a gomb pozícióját, ahová el szeretné helyezni. Ennek érdekében a CSS-ben számos technika létezik, ezek közül az egyik a flexbox. ' Flex ” segítségével beállíthatja az elem helyzetét a nézetablaknak megfelelően.
Ez a cikk megtanítja a gombok középre helyezését a CSS Flexbox használatával.
Szóval, kezdjük!
Hogyan lehet középre helyezni a gombot a CSS flexbox használatával?
' Flex ” a CSS megjelenítési tulajdonságának beállított értéke. A nézetablak méretétől függően ennek megfelelően állítja be a tartalmat vagy az elemeket. A CSS-ben a rugalmas érték egyenlő helyet hoz létre az elemek között, hogy biztosítsa azok hatékony elrendezését.
Szintaxis
A fent megadott szintaxisban: Flex ' lesz megadva a ' kijelző ' ingatlan.
Tehát nézzük meg a példát a gomb flex segítségével történő központosítására.
Példa
A HTML
részében létrehozunk egy tárolót