Przykład
Ustawić wyrównania dla wszystkich pozycji elastycznej <div> elementu na początku pojemnika:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start";
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość alignItems określa ustawienie domyślne dla elementów wewnątrz elastycznego pojemnika.
Tip: Użyj właściwość align-samodzielne każdego elementu, aby zastąpić własność ALIGN-przedmiotów.
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Numery obserwowani przez Webkit określić pierwszą wersję, która pracowała z prefiksem.
Nieruchomość | |||||
---|---|---|---|---|---|
alignItems | 21,0 | 11,0 | 20,0 | 7,0 Webkit | 12,1 |
Uwaga: Safari wspierać alternatywę, właściwość WebkitAlignItems.
Składnia
Zwraca właściwość alignItems:
object .style.alignItems
Ustaw właściwość alignItems:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
wartości nieruchomości
Wartość | Opis |
---|---|
stretch | Zaniedbanie. Elementy są rozciągane pojemnik |
center | Elementy są umieszczone w środku pojemnika |
flex-start | Elementy są umieszczone na początku pojemnika |
flex-end | Elementy są umieszczone na końcu pojemnika |
baseline | Elementy są umieszczone na początku badania pojemnika |
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ść: | rozciągać |
---|---|
Zwracana wartość: | Ciąg, stanowiących własność ALIGN-pozycji elementu |
Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: align-items property
HTML DOM STYL referencyjny: alignContent property
HTML DOM STYL referencyjny: alignSelf property
<Style obiektu