我想在單詞的每個字母之間添加一點樣式空間,我可以通過以下方式實作:
.space {
margin-left: 5px;
}
<h1 style="text-align: center"><span class="space">S</span><span class="space">p</span><span class="space">a</span><span class="space">c</span><span class="space">e</span><span class="space">s</span></h1>
但是既然有這么多的復制和粘貼,有沒有更好/更有效的方法來做到這一點?
謝謝
uj5u.com熱心網友回復:
使用letter-spacingCSS
h1 {
letter-spacing: 5px;
}
<h1 style="text-align: center">Spaces</h1>
uj5u.com熱心網友回復:
在 CSS 中使用字母間距
<h1 class="space">Hello</h1>
.space{
letter-spacing: 5px;
}
uj5u.com熱心網友回復:
.space {
letter-spacing: 2px;
}
<h1 class="space" style="text-align: center">Spaces</h1>
或者只是你可以 在字母之間添加。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/446912.html
上一篇:有沒有辦法將我的flex50/50SplitViewCSS轉換為70/30?
下一篇:如何在一行中對齊div組件?
