Выравнивание по заданному расстоянию

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

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

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
В середине
Вертикальное выравнивание текста
Выравнивание по базовой линии
Выравнивание по верхнему краю
Выравнивание по низу

Вернуться в раздел: CSS / 6. Свойства текста