V HTML jsou tlačítka klikací prvky používané k provedení konkrétní akce. Pomocí CSS můžete nastavit pozici tlačítka, kam jej chcete umístit. K tomu existuje několik technik v CSS, jednou z nich je flexbox. “ flex ” slouží k nastavení polohy prvku podle jeho výřezu.
Tento článek vás naučí, jak vycentrovat tlačítko pomocí CSS Flexbox.
Takže, začněme!
Jak vycentrovat tlačítko pomocí CSS flexboxu?
“ flex ” je hodnota nastavená pro vlastnost display CSS. V závislosti na velikosti výřezu podle toho nastaví obsah nebo prvky. V CSS vytváří hodnota flex stejný prostor mezi prvky, aby bylo zajištěno jejich efektivní uspořádání.
Syntax
Ve výše uvedené syntaxi „ flex “ bude specifikována jako hodnota “ Zobrazit ' vlastnictví.
Pojďme se tedy podívat na příklad centralizace tlačítka pomocí flex.
Příklad
V
HTML vytvoříme kontejner s třídou