CSS / Układ elastyczny
W tym rozdziale dowiesz się...
Co zrobić, aby element na stronie układały się w elastyczny sposób, dopasowując położenie i rozmiary do swojej zawartości?
- Wstęp
Jakie zaawansowane możliwości daje elastyczny układ rozplanowania elementów na stronie?
- Kontener elastyczny {DISPLAY: flex, inline-flex}
Jak przełączyć sposób rozpalnowania elementów na układ elastyczny?
- Przepływ {FLEX-DIRECTION, FLEX-WRAP, FLEX-FLOW}
W jaki sposób ustawić elastycznie elementy w wierszach lub kolumnach w różnych kierunkach?
- Kolejność {ORDER}
Jak zmienić kolejność wyświetlania elementów na stronie?
- Elastyczność {FLEX-GROW, FLEX-SHRINK, FLEX-BASIS, FLEX}
Jak sprawić, aby rozmiary elementów elastycznie dopasowały się do ich zawartości w wolnej przestrzeni na stronie?
- Marginesy automatyczne
Jak elastycznie dopasować margines elementu, tak aby wypełnił wolną przestrzeń?
- Justowanie zawartości {JUSTIFY-CONTENT}
Jak równomiernie wyrównać elementy na stronie?
- Wyrównanie wiersza {ALIGN-ITEMS, ALIGN-SELF}
Co zrobić, aby wyśrodkować blok w pionie?
- Wyrównanie wierszy {ALIGN-CONTENT}
Jak ustawić bloki w wierszach na dole, na górze albo równomiernie na całej dostępnej wysokości?