Рассмотрим вертикальное выравнивание на заданное расстояние. Свойство vertical-align очень простое: оно перемещает элемент вверх или вниз на указанное расстояние. Таким образом, выражение verti-cal-align: 5px; сдвинет элемент вверх на пять пикселов относительно исходного положения. Отрицательные значения длины сдвигают элемент вниз. Этой простой формы выравнивания не было в CSS1, но она добавлена в CSS2. Важно понимать, что выровненный по вертикали текст не становится частью другой строки и не перекрывает текст других строк. Часть выровненного по вертикали текста находится в середине абзаца.

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

Добавлено: 17 Июля 2018 22:18:35 Добавил: Андрей Ковальчук Нравится 0

Добавить