Junior
Jaké CSS rozložení znáš?
sobes.tech AI
Odpověď od AI
- Flexbox: Jednoosý systém pro zarovnání prvků v kontejneru podél jedné osy (vodorovné nebo svislé). Ideální pro malé komponenty a zarovnání prvků uvnitř bloku.
- Grid Layout: Dvouosý systém pro tvorbu složitých mřížek na stránce. Umožňuje snadné řízení rozložení prvků jak v řádcích, tak ve sloupcích. Ideální pro hlavní rozložení stránky.
- Block Layout: Výchozí chování blokových prvků. Prvky zabírají celou dostupnou šířku a jsou uspořádány pod sebou.
- Inline Layout: Prvky jsou uspořádány v jedné řadě, zabírají šířku odpovídající jejich obsahu.
- Positioned Layout: Umožňuje umístit prvky vzhledem k jejich normální pozici, rodičovskému prvku nebo oknu prohlížeče pomocí
position(static, relative, absolute, fixed, sticky) a vlastnostítop,right,bottom,left. - Table Layout: Reprodukuje chování tabulkových prvků (
display: table,display: table-cellatd.). Méně používané než Grid nebo Flexbox, pro tvorbu tabulkových struktur. - Multi-column Layout: Umožňuje rozdělit obsah kontejneru na několik sloupců, jako v novinách. Ovládá se vlastnostmi
column-countacolumn-width.