Какие существуют методы вертикального центрирования элементов на веб-странице?

Несколько методов вертикального центрирования элементов на веб-странице:

1. Центрирование с помощью Flexbox. javarush.com Для этого необходимо задать родителю свойства display: flex, flex-direction: column, justify-content: center. habr.com
2. Центрирование с помощью CSS Grid. javarush.com Нужно указать родителю свойства display: grid и place-items: center. javarush.com
3. Вертикальное центрирование с помощью абсолютного позиционирования и CSS трансформации. javarush.com Для этого необходимо установить элемент в абсолютное позиционирование относительно контейнера, сместить его на 50% от верхнего и левого края контейнера, а затем использовать свойство transform: translate(-50%, -50%) для центрирования. javarush.com
4. Вертикальное центрирование с помощью таблицы и ячеек. javarush.com Для этого нужно прописать display: table родителю, дочернему элементу — display: table-cell, а затем прописать ячейке свойство vertical-align: middle. habr.com