V HTML sú tlačidlá klikateľné prvky používané na vykonanie konkrétnej akcie. Pomocou CSS môžete nastaviť polohu tlačidla, kam ho chcete umiestniť. Na to existuje v CSS niekoľko techník, jednou z nich je flexbox. “ flex ” slúži na nastavenie polohy prvku podľa jeho výrezu.
Tento článok vás naučí, ako vycentrovať tlačidlo pomocou CSS Flexbox.
Takže, začnime!
Ako vycentrovať tlačidlo pomocou CSS flexboxu?
“ flex ” je hodnota nastavená pre vlastnosť display CSS. V závislosti od veľkosti výrezu podľa toho nastaví obsah alebo prvky. V CSS vytvára hodnota flex rovnaký priestor medzi prvkami, aby sa zabezpečilo ich efektívne usporiadanie.
Syntax
Vo vyššie uvedenej syntaxi „ flex “ bude špecifikovaná ako hodnota “ displej ' nehnuteľnosť.
Pozrime sa teda na príklad centralizácie tlačidla pomocou flex.
Príklad
V
HTML vytvoríme kontajner s triedou