Style alignContent Właściwość
Przykład
Umieść elementy elastycznego elementu <div> z odstępem między wierszami:
document.getElementById("main").style.alignContent = "space-between";
Definicja i użycie
Właściwość alignContent wyrównuje elementy elastycznego kontenera, gdy elementy nie wykorzystują całego dostępnego miejsca na osi poprzecznej (w pionie).
Porada: Użyj właściwości justifyContent, aby wyrównać elementy na osi głównej (w poziomie).
Uwaga: Aby ta właściwość miała jakikolwiek efekt, musi istnieć wiele wierszy pozycji.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Liczby, po których następuje Webkit, określają pierwszą wersję, która działała z przedrostkiem.
Property | |||||
---|---|---|---|---|---|
alignContent | 21.0 | 11.0 | 28.0 | 9.0 7.0 Webkit |
12.1 |
Składnia
Zwróć właściwość alignContent:
object.style.alignContent
Ustaw właściwość alignContent:
object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
Wartości nieruchomości
Value | Description |
---|---|
stretch | Default value. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
space-between | Items are positioned with space between the lines |
space-around | Items are positioned with space before, between, and after the lines |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | rozciągać |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość align-content elementu |
Wersja CSS | CSS3 |
Powiązane strony
Dokumentacja CSS: właściwość align-content
Dokumentacja HTML DOM STYLE: właściwość alignItems
HTML DOM STYLE Reference: właściwość alignSelf
Dokumentacja HTML DOM STYLE: właściwość justifyContent