Давайте в этой заметке рассмотрим управление интервалом между словами с помощью CSS word-spacing Property. Где свойство CSS word-spacing определяет ширину пробела между словами в блоке текста. При указании длины длина указанного пробела является дополнением к значению по умолчанию, определенному шрифтом или браузером.
Таким образом, указав интервал между словами: 2px будет означать интервал между словами 2px + интервал между словами по умолчанию определяется браузером.
И так:
normal: нормальный интервал, определенный шрифтом или браузером
length: укажите дополнительный интервал, указанный в единицах длины CSS - px, em, pt и так далее.
inherit: наследовать интервал между словами родительского элемента.
Пример:
CSS
Код
.space-words {
word-spacing: 10px;
}
HTML
Код
<div class="space-words">Слова будут находиться на расстоянии 10 пикселей в этом предложении.</div>
- Вы можете использовать отрицательные значения, чтобы уменьшить расстояние между словами.
- word-spacing словами можно анимировать - вы можете использовать это свойство в своих CSS-анимация.
