Метод 1 - Flex. Этот метод лично мне нравится больше других.
Все возможные и невозможные способы, как центрировать "block" по вертикали.
Метод 2 - Grid.
Все возможные и невозможные способы, как центрировать "block" по вертикали.
Метод 3 - Абсолютное позиционирование + transform.
Все возможные и невозможные способы, как центрировать "block" по вертикали.
Метод 4 - Таблица с одной ячейкой. Построение таблицы через HTML. Нужна дополнительная обертка.
|
Все возможные и невозможные способы, как центрировать "block" по вертикали.
|
Метод 5 - Таблица с одной ячейкой. HTML - обычные блоки div. Превращение в таблицу с помощью CSS. Все так же нужна обертка.
Все возможные и невозможные способы, как центрировать "block" по вертикали.
Метод 6 - Margin.
Все возможные и невозможные способы, как центрировать "block" по вертикали.
Метод 7 - line-height.
Все возможные и невозможные способы, как центрировать "block" по вертикали.
Метод 8 - absolute + margin auto.
Все возможные и невозможные способы, как центрировать "block" по вертикали.
Метод 9 - Схожий принцип с методом 3, только с использованием отрицательного margin
Все возможные и невозможные способы, как центрировать "block" по вертикали.