Выравнивание блоков по вертикали с динамической высотой

Published 4 года ago // No comments

Выровнить блок по вертикали задача тривиальная. Но это при условие, что заранее известна высота этого блока. То, как это сделать для динамической высоты на чистом CSS вы узнаете их этого урока.

К счастью или к сожалению, порой требуется выводить больше информации в блоке, чем задумывалось изначально при верстке и его позиция уже не будет правильной — придется изменять margin-top. Что уж говорить, если информацию требуется динамически добавлять или убирать, например, при выводе сообщений об ошибках форм.

На этот случай существует очень интересный способ выравнивания по вертикали и горизонтали. Не кривя душой могу сказать, что он больше похож на магию. Однако отлично работает и поддерживается всеми современными браузерами.

Спасибо команде LoftBlog за то, что подсказали такой интересный способ. Ведь так не хочется для таких казалось бы мелочей привлекать JavaScript. Всем успехов в кодинге друзья!