Układ elastyczny - CSS
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ępJakie 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 elastyczny {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?
PowtórkaCSS