Sobes.tech
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-cell atd.). 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-count a column-width.