html - 如何在句子中指定字母间距

Question

我已经添加了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> 食事食事室&lt;/strong></div>

Answer 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">食事食事室&lt;/span></strong>
</div>
<hr />
<h3>NO LETTER-SPACING IN SPAN</h3>
<div>
  <strong>８４m<sup>2</sup> ~ ４５０m<sup>2</sup> <span>食事食事室&lt;/span></strong>
</div>