Как указать интервал между буквами в предложении

Я добавил letter-spacing:-1px. Однако мне также нужно letter-spacing хирагана (японские) номера. Я не могу решить эту проблему с помощью письма романдзи. Как мне затянуть (сделать меньше места) только для этих номеров?

Я пытался добавить <span style> между предложением, но он ничего не делал.

Смотри мой jsfiddle

<div style="letter-spacing: -１px; font-weight: 500; text-transform: lowercase;"><strong>８４m<sup>2</sup> ~ ４５０m<sup>2</sup> 食事食事室</strong></div>

Источник

1 ответ

Решение

Ты можешь использовать span для этого и избегайте использования встроенных стилей:

отрывок 

div {
  letter-spacing: -1px;
}
.has-letter-spacing{
  letter-spacing: -5px;
}
<h3>HAS LETTER-SPACING IN SPAN</h3>
<div>
  <strong>８４m<sup>2</sup> ~ ４５０m<sup>2</sup> <span class="has-letter-spacing">食事食事室</span></strong>
</div>
<hr />
<h3>NO LETTER-SPACING IN SPAN</h3>
<div>
  <strong>８４m<sup>2</sup> ~ ４５０m<sup>2</sup> <span>食事食事室</span></strong>
</div>

Источник
Другие вопросы по тегам