如何在句子中指定字母间距
How to specific letter spacing in a sentence
我已经添加了 letter-spacing:-1px.
但是我还需要 letter-spacing
平假名(日语)号码。我不能用罗马字来解决这个问题。
我如何只为这些数字收紧(减少space)?
我试图在句子之间添加<span style>
,但它没有做任何事情。
看我的 jsfiddle
<div style="letter-spacing: -1px; font-weight: 500; text-transform: lowercase;"><strong>84m<sup>2</sup> ~ 450m<sup>2</sup> 食事食事室</strong></div>
您可以为此使用 span
,并避免使用内联样式:
片段
div {
letter-spacing: -1px;
}
.has-letter-spacing{
letter-spacing: -5px;
}
<h3>HAS LETTER-SPACING IN SPAN</h3>
<div>
<strong>84m<sup>2</sup> ~ 450m<sup>2</sup> <span class="has-letter-spacing">食事食事室</span></strong>
</div>
<hr />
<h3>NO LETTER-SPACING IN SPAN</h3>
<div>
<strong>84m<sup>2</sup> ~ 450m<sup>2</sup> <span>食事食事室</span></strong>
</div>
我已经添加了 letter-spacing:-1px.
但是我还需要 letter-spacing
平假名(日语)号码。我不能用罗马字来解决这个问题。
我如何只为这些数字收紧(减少space)?
我试图在句子之间添加<span style>
,但它没有做任何事情。
看我的 jsfiddle
<div style="letter-spacing: -1px; font-weight: 500; text-transform: lowercase;"><strong>84m<sup>2</sup> ~ 450m<sup>2</sup> 食事食事室</strong></div>
您可以为此使用 span
,并避免使用内联样式:
片段
div {
letter-spacing: -1px;
}
.has-letter-spacing{
letter-spacing: -5px;
}
<h3>HAS LETTER-SPACING IN SPAN</h3>
<div>
<strong>84m<sup>2</sup> ~ 450m<sup>2</sup> <span class="has-letter-spacing">食事食事室</span></strong>
</div>
<hr />
<h3>NO LETTER-SPACING IN SPAN</h3>
<div>
<strong>84m<sup>2</sup> ~ 450m<sup>2</sup> <span>食事食事室</span></strong>
</div>