Процентные значения

Процентные значения не позволяют моделировать align="middle" для изображений. Вместо этого задание процентного значения в vertical-align поднимает или опускает базовую линию элемента (или нижний край замещаемого элемента) относительно базовой линии родителского элемента на объявленную величину. (Задаваемое процентное значение вычисляется как часть line-height элемента, а не его родителя.) Если процентное значение положительное, то базовая линия элемента поднимается, а если отрицательное, то опускается. В зависимости от того, на какую величину поднимается или опускается текст, он может оказаться на соседней строке, поэтому будьте осторожны, задавая процентные значения.

sub {vertical-align: -100%;}
sup {vertical-align: 100%;}

We can either soar to new heights or, instead, sink into
despair...



Рассмотрим процентные значения подробнее. Предположим следующее:

Я чувствовал, что, по крайней мере, заслужил повышения за мои труды.


Базовая линия элемента span, значение vertical-align которого равно 50%, поднимается на девять пикселов, что составляет половину унаследованного элементом значения line-height: 18px, а не семь пикселов.

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

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

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