Exemplu
Centrați alinierile pentru toate elementele de flexibil <div> elementul:
div
{
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
display: flex;
align-items: center;
}
Încearcă - l singur » Definiție și utilizare
Align-elemente de proprietate specifica alinierea implicită pentru elementele din interiorul containerului flexibil.
Tip: Utilizați proprietatea Align auto a fiecărui element pentru a trece peste proprietatea Align-elemente.
| Valoare implicită: | stretch |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.alignItems="center" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmate de -webkit- specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| align-items | 21.0 | 11.0 | 20.0 | 9 7.0 -webkit- | 12.1 |
CSS Sintaxa
align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| stretch | Mod implicit. Elementele sunt întinse pentru a se potrivi containerului | Joaca - l » |
| center | Elementele sunt poziționate în centrul containerului | Joaca - l » |
| flex-start | Elementele sunt poziționate la începutul containerului | Joaca - l » |
| flex-end | Elementele sunt poziționate la capătul containerului | Joaca - l » |
| baseline | Elementele sunt poziționate la linia de bază a containerului | Joaca - l » |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială | Joaca - l » |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Pagini similare
CSS Referință: align-content property
CSS Referință: align-self property
HTML DOM referință: alignItems property