align-selfNekretnina je pod-vlasništvo Fleksibilna Box Izgled modula.
Omogućuje poništavanje align-itemsvrijednosti za određene flex stavke.
align-selfNekretnine prihvaća iste 5 vrijednosti kao align-items:
flex-start: rub poprečnog početka margine stavke postavljen je na liniju unakrsnog pokretanjaflex-end: rub poprečne margine stavke nalazi se na poprečnoj linijicenter: stavka je centrirana u poprečnoj osibaseline: stavke su poravnate kao što su poravnate njihove osnovne linijestretch(zadano): rastezanje za punjenje spremnika (i dalje poštujte minimalnu širinu / maksimalnu širinu)
Sintaksa
align-self: auto | flex-start | flex-end | center | baseline | stretch .flex-item ( align-self: flex-end; )Demo
Sljedeća demonstracija pokazuje kako se stavka može poravnati u flex spremniku, ovisno o align-selfvrijednosti:
- Prva stavka je postavljena na
flex-start - 2. stavka je postavljena na
flex-end - Treća stavka je postavljena na
center - Četvrta stavka postavljena je na
baseline - Postavljena je 5. stavka
stretch
Pogledajte demo o poravnanju olovke o CSS-Tricks (@ css-tricks) na CodePenu.
Podrška preglednika
Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.
Radna površina
| Krom | Firefox | IE | Rub | Safari |
|---|---|---|---|---|
| 21 * | 28 | 11 | 12 | 6,1 * |
Mobitel / tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4.4 | 7,0-7,1 * |
Za više informacija o tome kako miješati sintakse kako biste dobili najbolju podršku za preglednik, pogledajte ovaj članak (CSS-trikovi) ili ovaj članak (DevOpera).