Чем отличаются методы вертикального выравнивания блоков в CSS

Некоторые методы вертикального выравнивания блоков в CSS и их особенности:

• Использование padding. open-source-peace.github.io Простой способ вертикального центрирования с помощью верхнего и нижнего padding. open-source-peace.github.io
• Применение line-height. open-source-peace.github.io habr.com Если внутренний блок занимает не больше одной строчки, то можно воспользоваться этим свойством и задать его равным высоте внешнего блока. habr.com www.cat-in-web.ru
• Использование позиционирования и свойства transform. open-source-peace.github.io Одно из универсальных решений, когда не известны размеры родительского и дочернего элемента. palpalych.ru С помощью функции translate и значения -50% -50% можно сдвинуть внутренний блок в центр. palpalych.ru
• Применение псевдоэлемента. habr.com palpalych.ru Универсальный способ, который может применяться, когда неизвестны высоты обоих блоков. habr.com Суть в добавлении внутри внешнего блока строчного блока высотой в 100% и задания ему вертикального выравнивания. habr.com palpalych.ru
• Использование Flexbox. open-source-peace.github.io palpalych.ru Позволяет гибко управлять позиционированием элементов на странице, располагая их практически как угодно. palpalych.ru Для центрирования нужно использовать свойства display: flex; и align-items: center; к родительскому контейнеру. sky.pro

Выбор метода зависит от постановки задачи. habr.com Например, для вертикального выравнивания текста лучше использовать вертикальные отступы или свойство line-height, а для абсолютно позиционированных элементов с известной высотой (например, иконок) — способ с отрицательным свойством margin-top. habr.com