loader

Cвойство align-items указывает выравнивание по умолчанию для элементов внутри flex-контейнера. Используйте свойство align-self каждого элемента, чтобы переопределить свойство align-items.

align-items հատկությունը սահմանում է flex-կոնտեյների ներսում գտնվող տարրերի ստանդարտ հավասարեցումը: Օգտագործեք յուրաքանչյուր տարրի align-self հատկությունը՝ align-items հատկությունը վերացնելու համար:

Синтаксис

Գրելաձև
align-items: stretch; ⟿ Растянет элементы в соответствии с контейнером.
align-items: center; ⟿ Поместить элемент(ы) в центре.
align-items: flex-start; ⟿ Поместить элемент(ы) в начало.
align-items: flex-end; ⟿ Поместить элемент(ы) в конец.
align-items: baseline; ⟿ Выравнивается по базовой линии текста. align-items: stretch; ⟿ Ձգում է տարրերը, որպեսզի տեղավորվեն կոնտեյներում:
align-items: center; ⟿ Տեղադրեք տարրը (տարրերը) կենտրոնում:
align-items: flex-start; ⟿ Տեղադրեք տարրը (տարրերը) սկիզբում:
align-items: flex-end; ⟿ Տեղադրեք տարրը (տարրերը) վերջում:
align-items: baseline; ⟿ Հավասարեցվում է տեքստի հիմքի հետ:

Пример

Օրինակ

See the Pen Untitled by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 align-items image
Поддержка браузера дляԲրաուզերի աջակցությունը align-items элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 11+ 12+ 52+ 20+ 9+ 12.1+
Notes