Opis:
CSS align-content Zapewnia wyrównanie w przestrzeni rodzica z wyświetlaniem flex, gdy nie cała przestrzeń jest zajęta.
CSS align-content - Przykład:
Składnia:
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;
CSS align-content - Spis wartości:
| Nazwa | |
|---|---|
| stretch | Wartość domyślna. Elementy są rozciągane tak, by zajmować całą dostępną przestrzeń. |
| center | Elementy są pozycjonowane na wysokości środka kontenera. |
| flex-start | Elementy są pozycjonowane na początku kontenera. |
| flex-end | Elementy są pozycjonowane na końcu kontenera. |
| space-between | Pozostała przestrzeń w kontenerze jest rozdzielana pomiędzy elementami. |
| space-around | Pozostała przestrzeń w kontenerze jest rozdzielana pomiędzy elementami oraz wokół nich. |
| initial | Ustawia domyślną wartość. |
| inherit | Dziedziczy wartość po rodzicu. |
Zobacz również:
flex-grow | flex-flow | order | flex-shrink | align-items |