Как работает свойство align-items в Tailwind?

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

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

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

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

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