Свойство vertical-align в CSS отличается от других методов вертикального выравнивания тем, что оно влияет на выравнивание самого элемента, а не его содержимого (кроме случаев, когда применяется к ячейкам таблицы). habr.com
Некоторые другие методы вертикального выравнивания в CSS:
- Выравнивание с помощью таблицы. habr.com Внешний блок заменяют таблицей из одной ячейки, и выравнивание применяется к содержимому ячейки, то есть к внутреннему блоку. habr.com
- Выравнивание с помощью отступов. habr.com Для этого используют свойство transform, но у него есть ограничение: ограниченная поддержка старыми версиями браузера IE. habr.com
- Выравнивание с помощью псевдоэлемента. habr.com Это универсальный способ, который применяют, когда неизвестны высоты обоих блоков. habr.com Суть метода в добавлении внутри внешнего блока строчного блока высотой в 100% и задания ему вертикального выравнивания. habr.com
- Выравнивание с помощью Flexbox. habr.com Это современный способ вертикального выравнивания. habr.com
Выбор метода зависит от постановки задачи, так как у каждого из них есть свои преимущества и недостатки. ru.hexlet.io В определённой ситуации один способ может подходить идеально, а другой — оказаться совершенно бесполезным. ru.hexlet.io