Poravnaj-samo - CSS-triki | Almanah CSS 2025

align-selfLastnost je sub-lastnost modula Fleksibilna Box postavitve.

Omogoča preglasitev align-itemsvrednosti za določene predmete flex.

align-selfLastnost sprejema enake 5 vrednosti kot align-items:

flex-start: rob navzkrižnega začetka predmeta je postavljen na črto navzkrižnega zagona
flex-end: rob robnika navzkrižnega roba postavimo na navzkrižno črto
center: element je centriran v navzkrižni osi
baseline: postavke so poravnane, kot je poravnana njihova osnovna črta
stretch (privzeto): raztegnite, da napolnite posodo (še vedno upoštevajte min-width / max-width)

Sintaksa

align-self: auto | flex-start | flex-end | center | baseline | stretch .flex-item ( align-self: flex-end; )

Demo

Naslednja predstavitev prikazuje, kako se lahko element poravna v prilagodljivem vsebniku, odvisno od align-selfvrednosti:

1. element je nastavljen na flex-start
2. element je nastavljen na flex-end
Tretji element je nastavljen na center
4. element je nastavljen na baseline
5. element je nastavljen na stretch

Oglejte si predstavitev Pen-align-self s strani CSS-Tricks (@ css-tricks) na CodePen.

Podpora za brskalnik

Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.