Flexbox
Flexbox pro tvorbu webových stránek.
Co je Flexbox
Flexbox byl zaveden v roce 2012 (W3C Candidate Recommendation). Flexbox definuje kontejner, který řídí rozmístění elementů na stránce, svých přímých potomků – tzv. flex-items. Umožňuje řídit směr, pořadí a zarovnání prvků bez použití floatů či tabulek. Každý element flex-item se může přizpůsobit dostupnému prostoru pomocí parametrů růstu, smrštění a základní velikosti (flex shorthand).
Flexbox zjednodušuje tvorbu dynamických layoutů, jako jsou navigační lišty, karty nebo galerie. Díky podpoře ve všech hlavních prohlížečích se stal standardní volbou pro jednostranná rozvržení a je často kombinován s CSS Grid Layout pro složitější struktury.
Hlavní rozdíly oproti CSS Grid
Zatímco Flexbox se zaměřuje na uspořádání prvků v jedné ose, CSS Grid umožňuje práci s dvourozměrným rozložením. Flexbox tedy exceluje v komponentech a malých modulech, zatímco Grid je vhodnější pro celé stránky či sekce.
Modul je plně standardizován a široce podporován v moderních prohlížečích. Probíhají doplňkové revize specifikace, které řeší jemné detaily výpočtů velikostí a zarovnání pro zajištění konzistentního chování napříč platformami.