word-spacing: интервал между словами
word-spacing изменяет дополнительное расстояние между словами и применяется независимо от расстояния между отдельными буквами.
Назначение
word-spacing изменяет дополнительное расстояние между словами и применяется независимо от расстояния между отдельными буквами.
Как это работает
Положительная длина добавляется к обычному промежутку между словами. Свойство наследуется и может изменить ширину строк во всех текстовых потомках контейнера.
Пример
<style>
.sample{max-width:25rem;word-spacing:.3em}
</style>
<p class="sample">Между словами появляется дополнительное пространство, а буквы внутри слова не раздвигаются.</p>Что должно получиться
Промежутки между словами увеличиваются. Это может сократить число слов в строке, но не создаёт отдельные колонки и не заменяет gap в раскладке компонентов.
Граница применения и частая ошибка
Не используйте множество пробелов в HTML вместо этого свойства: обычная обработка пробелов их схлопывает. Большие интервалы также могут разрушить связность короткой фразы.
Самостоятельная проверка
Сравните normal и .3em в колонках одинаковой ширины. Проверьте новые переносы и найдите значение, при котором текст всё ещё воспринимается цельным предложением.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.