align-items:

Obje içindeki nesneleri kenarlardan itibaren dikey ortalama yapar.

Örnek:

div {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
}

 

See the Pen RWyOOJ by W3TR (@w3tr) on CodePen.

CSS Sözdizimi

 

Değer	Açıklama	Örnek
stretch	Öğeler ana objeye sığacak kadar uzatılır.
center	Öğeler ana objenin merkezine konumlandırılır.
flex-start	Öğeler ana objenin başında konumlandırılır.
flex-end	Öğeler ana objenin sonunda konumlandırılır.
Baseline	Öğeler ana objenin başında konumlandırılır.	.
initial	Varsayılan değerine bu özelliğini ayarlar.
inherit	Bir üst elementinin değerini alır.(Kalıtsallık)

Tarayıcı Desteği

 

21.0	20.0	11.0	7.0 -webkit	12.1