Przykład
Zrobić trochę miejsca między elementy elastycznego <div> element:
document.getElementById("main".style.justifyContent = "space-between"; Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość justifyContent wyrównuje elementy elastycznego pojemnika, gdy przedmioty nie wykorzysta całą dostępną przestrzeń na głównej osi (horizontally) .
Wskazówka: Użyj właściwość alignContent aby wyrównać elementy na przekroju osi (vertically) .
Wsparcie przeglądarka
Nieruchomość uzasadniać-content jest obsługiwana w Firefox, Opera i Chrome.
Składnia
Zwraca właściwość justifyContent:
object .style.justifyContent Ustaw właściwość justifyContent:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
wartości nieruchomości
| Wartość | Opis |
|---|---|
| flex-start | Domyślna wartość. Elementy są umieszczone na początku pojemnika |
| flex-end | Elementy są umieszczone na końcu pojemnika |
| center | Elementy są umieszczone w środku pojemnika |
| space-between | Elementy są umieszczone w przestrzeni między wierszami |
| space-around | Elementy są umieszczone w przestrzeni przed, pomiędzy i po liniach |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
| Domyślna wartość: | Flex-start |
|---|---|
| Zwracana wartość: | Ciąg, stanowiących własność element uzasadniający-content |
| Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: justify-content property
HTML DOM STYL referencyjny: alignContent property
HTML DOM STYL referencyjny: alignItems property
HTML DOM STYL referencyjny: alignSelf property
<Style obiektu