Добавляйте пробелы между каждой буквой слова HTML и CSS

Я хочу добавить небольшое пространство для стиля между каждой буквой моего слова, я могу добиться этого следующим образом:

.space {
  margin-left: 5px;
}

<h1 style = "text-align: center"><span class = "space">S</span><span class = "space">p</span><span class = "space">a</span><span class = "space">c</span><span class = "space">e</span><span class = "space">s</span></h1>

Но поскольку копий и вставок так много, есть ли лучший/более эффективный способ сделать это?

Спасибо

html css

22.03.2022 15:14

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Используйте letter-spacing CSS

h1 {
    letter-spacing: 5px;
}

<h1 style = "text-align: center">Spaces</h1>

22.03.2022 15:17

.space {
  letter-spacing: 2px;
}

<h1 class = "space" style = "text-align: center">Spaces</h1>

или просто вы можете добавить   между буквами.

Я превратил ваш код в исполняемый фрагмент, чтобы результат можно было увидеть в вашем ответе, и исправил вашу опечатку ;nbsp не имеет значения, и я предполагаю, что вы намеревались использовать неразрывный пробел, а именно   .

— 22.03.2022 15:25

22.03.2022 15:20

Используйте межбуквенный интервал в css

<h1 class = "space">Hello</h1>

.space{
 letter-spacing: 5px;
}

22.03.2022 15:20

Другие вопросы по теме

Пользовательский CSS для выбора диапазона дат AntD

CSS: селектор первого типа применяется ко всем (с использованием тега html, а не класса)

Переключатель кнопки SVG

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

Анимация затухания для диалогов в Vaadin 14+

Изменить цвет кнопки, если я нахожусь на определенном URL-адресе

Как выровнять компоненты div в одну строку?

В масштабе нижний размытый элемент перекрывает масштабированный элемент

Как скрыть/удалить серые границы tabBox в блестящем R с помощью CSS

Как полностью центрировать панель навигации с помощью flexbox

Добавляйте пробелы между каждой буквой слова HTML и CSS

Ответы 3

Другие вопросы по теме

Похожие вопросы