Увеличьте размер пробела с CSS

Question

У меня есть шрифт, где пробелы довольно маленькие. Я хотел бы увеличить их с помощью CSS (вместо использования нескольких пробелов для большего пространства).

Можно ли увеличить пробелы с помощью CSS? Любые другие решения, если нет?

Answer 1

word-spacing - это, вероятно, то, что вы ищете.

Пример из w3schools.com :

.a {
  word-spacing: normal;
}

.b {
  word-spacing: 30px;
}

.c {
  word-spacing: 1cm;
}

<h1>The word-spacing Property</h1>

<h2>word-spacing: normal:</h2>
<p class="a">This is some text. This is some text.</p>

<h2>word-spacing: 30px:</h2>
<p class="b">This is some text. This is some text.</p>

<h2>word-spacing: 1cm:</h2>
<p class="c">This is some text. This is some text.</p>

Answer 2

У вас есть два свойства CSS, которые влияют на пробел:

• letter-spacing контролирует пробел между каждым символом;
• word-spacing контролирует пробел пробел между словами.

.word-spacing-10 {word-spacing: 10px}
.letter-spacing-3 {letter-spacing: 3px}

<p class="word-spacing-10">The quick brown fox jumps over the lazy dog.</p>
<p class="letter-spacing-3">The quick brown fox jumps over the lazy dog.</p>

Обратите внимание, что CSS никак не влияет на характеристики отображения указанных c символов (например, пробела).