Свойство align-items в Tailwind позволяет контролировать вертикальное выравнивание элементов внутри контейнера. 4

Для этого есть несколько вариантов свойства, каждое из которых по-разному выравнивает элементы по поперечной оси контейнера: 4

• Stretch (align-items: stretch;). 4 Используют, чтобы растянуть элементы и заполнить всю поперечную ось контейнера. 4
• Start (align-items: flex-start;). 4 Применяют, чтобы выровнять элементы в начале поперечной оси контейнера. 4
• Center (align-items: center;). 4 Используют, чтобы выровнять элементы по центру поперечной оси контейнера. 4
• End (align-items: flex-end;). 4 Применяют, чтобы выровнять элементы в конце поперечной оси контейнера. 4
• Baseline (align-items: baseline;). 4 Используют, чтобы выровнять элементы так, чтобы совпали их базовые линии. 4

Свойство align-items работает только с элементами, которые имеют раскладку flexbox. 1

Для достижения сложных макетов можно комбинировать различные утилиты выравнивания. 2