Atrybut Style alignItems

Definicja i użycie

alignItems Atrybut określa domyślny sposób wyrównania elementów w kontenerze elastycznym.

Wskazówka:Użyj atrybutu Atrybut align-self aby zastąpić align-items atrybut.

Przykład

Umieść pozycjonowanie wyrównania wszystkich elementów <div> elastycznego na początku kontenera:

document.getElementById("main").style.alignItems = "flex-start";

Spróbuj sam

Gramatyka

Zwróć atrybut alignItems:

object.style.alignItems

Ustawienie atrybutu alignItems:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

Wartość atrybutu

Wartość Opis
stretch Domyślnie. Projekt jest rozciągnięty, aby pasował do kontenera.
center Projekt znajduje się w środku kontenera.
flex-start Projekt znajduje się na początku kontenera.
flex-end Projekt znajduje się na końcu kontenera.
baseline Projekt jest umieszczony na bazowej linii kontenera.
initial Ustaw ten atrybut na jego wartość domyślną. Zobacz initial.
inherit Dziedziczy tę wartość od elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Domyślna wartość: stretch
Wartość zwracana: String, który reprezentuje align-items atrybut.
Wersja CSS: CSS3

Wspieranie przeglądarek

alignItems to cecha CSS3 (1999).

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

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Wspiera Wspiera Wspiera Wspiera Wspiera 11

Powiązane strony

CSS Przeglądarka referencyjna:align-items atrybut

Podręcznik HTML DOM STYLE:Atrybut alignContent

Podręcznik HTML DOM STYLE:Atrybut alignSelf