Расстояние между словами и буквами и выравнивание

На значение word-spacing может оказывать влияние значение свойства text-align. Если элемент выровнен по ширине, пробелы между буквами и словами корректируются так, чтобы текст занимал всю строку. Это может в свою очередь изменить параметры, определяющие расстояние между словами и буквами, объявленные автором в свойствах word-spacing. Если задано значение letter-spacing, оно не может быть изменено text align, но если letter-spacing имеет значение normal, расстояние между символами может меняться для обеспечения выравнивания текста по ширине. CSS не указывает, как должны вычисляться пробелы, поэтому агент пользователя просто создает их. Дочерний элемент, как обычно, наследует вычисленное значение своего родителя. Нельзя сделать так, чтобы вместо вычисленного значения свойств word-spacing или letter-spacing наследовался коэффициент масштабирования (как это происходит в случае с line-height). В результате можно столкнуться с проблемой:

p {letter-spacing: 0.25em; font-size: 20px;}
small {font-size: 50%;}

This spacious paragraph features tiny text that is just as
spacious
, even though the author probably wanted the spacing to be in
proportion to the size of the text.



Единственная возможность добиться, чтобы пробел между буквами был пропорциональным размеру текста, – задавать его явно:

p {letter-spacing: 0.25em;}
small {font-size: 50%; letter-spacing: 0.25em;}

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

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

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