Exemplu
Centrați alinierile pentru unul dintre elementele din interiorul unui element flexibil:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea Align auto specifica alinierea pentru elementul selectat în interiorul containerului flexibil.
Note: Proprietatea Align auto suprascrie Align-elemente container flexibil de proprietate.
| Valoare implicită: | auto |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.alignSelf="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-self | 21.0 | 11.0 | 20.0 | 9 7.0 -webkit- | 12.1 |
CSS Sintaxa
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| auto | Mod implicit. Elementul moștenește recipientul său părinte proprietatea align-elemente, sau "stretch" în cazul în care nu are nici un recipient mamă | Joaca - l » |
| stretch | Elementul este poziționat pentru a se potrivi containerului | Joaca - l » |
| center | Elementul este poziționat în centrul containerului | Joaca - l » |
| flex-start | Elementul este sunt poziționate la începutul containerului | Joaca - l » |
| flex-end | Elementul este poziționat la capătul containerului | Joaca - l » |
| baseline | Elementul este poziționat 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-items property de align-items property
HTML DOM referință: alignSelf property