Question

我已添加letter-spacing:-1px.但我还需要letter-spacing平假名（日语）数字。我无法通过使用romanji字母来解决这个问题。如何仅为这些数字收紧（减少空间）？

我试图在句子之间添加<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>

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">食事食事室</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>

如何在一个句子中具体的字母间距

1 个答案:

段