Atrybut alignContent stylu

Definicja i zastosowanie

Gdy projekty nie używają wszystkich dostępnych przestrzeni na osi poziomej (pionowej),alignContent Atrybut wyprostowania projektów kontenera elastycznego.

Wskazówka:Użyj Atrybut justifyContent stylu Wyścig projektów wzdłuż osi głównego (poziomego).

Komentarz:Wymagane są wielokrotne projekty, aby ten atrybut działał.

Przykład

Umieść projekty elementu <div> elastycznego między dwoma wierszami z przestrzenią:

document.getElementById("main").style.alignContent = "space-between";

Spróbuj sam

Gramatyka

Zwróć atrybut alignContent:

object.style.alignContent

Ustawienie atrybutu alignContent:

object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

Wartość atrybutu

Wartość Opis
stretch Wartość domyślna. Wiersze rozciągają się, aby wypełnić pozostałą przestrzeń.
center Projekty znajdują się w centrum kontenera.
flex-start Projekty znajdują się na początku kontenera.
flex-end Projekty znajdują się na końcu kontenera.
space-between Projekty znajdują się między wierszami z przestrzenią.
space-around Przed, między i po wierszach projektu pozostawia się puste miejsca.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Wartość domyślna: stretch
Wartość zwracana: Ciąg znaków, który reprezentuje Atrybut align-content.
Wersja CSS: CSS3

Wspieranie przeglądarek

alignContent To cecha CSS3 (1999).

Wszystkie przeglądarki wspierają go w pełni:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Wspierane Wspierane Wspierane Wspierane Wspierane 11

Strony związane

Podręcznik referencyjny CSS:Atrybut align-content

HTML DOM STYLE Podręcznik referencyjny:Atrybut alignItems

HTML DOM STYLE Podręcznik referencyjny:Atrybut alignSelf

HTML DOM STYLE Podręcznik referencyjny:Atrybut justifyContent stylu