All 5 comments
用全角的空格可以吗? 或者letter-spacing
weiyafei-add
on 30 Apr 2020
word-spacing，或者用空格实体占位，或者换标签p成 pre， 纯css就是word-spacing
Ari-ZH
on 30 Apr 2020
👍2
在
测试 空格
这两个词之间加个空格用sapn标签裹起来。然后调节空格的letter-spacing
cjZb
on 11 May 2020
👍1
这边有这么两种方法：
- 通过给
p标签设置word-spacing，将这个属性设置成自己想要的值。 - 将这个空格用一个
span标签包裹起来，然后设置span标签的letter-spacing或者word-spacing。
我分别用letter-spacing和word-spacing来处理了p和span标签：
<style>
.p-letter-spacing {
letter-spacing: 10px;
}
.p-word-spacing {
word-spacing: 10px;
}
.span-letter-spacing {
letter-spacing: 10px;
}
.span-word-spacing {
word-spacing: 10px;
}
</style>
<body>
<p>测试 空格</p>
<p class="p-letter-spacing">测试 空格</p>
<p class="p-word-spacing">测试 空格</p>
<p>测试<span class="span-letter-spacing"> </span>空格</p>
<p>测试<span class="span-word-spacing"> </span>空格</p>
</body>
让我们一起来看看效果：
大家可以看到效果，我用letter-spacing和word-spacing处理p标签，是会呈现不同的效果的，letter-spacing把中文之间的间隙也放大了，而word-spacing则不放大中文之间的间隙。
而span标签中只有一个空格，所以letter-spacing和word-spacing效果一样。
因此我们可以得出letter-spacing和word-spacing的结论：
letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白，而word-spacing添加每个单词之间的空白。word-spacing对中文无效。
LinDaiDai
on 17 Jun 2020
censek
on 17 Jul 2020
Was this page helpful?
0 / 5 - 0 ratings
Related issues
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
Most helpful comment
word-spacing，或者用空格实体占位，或者换标签p成 pre， 纯css就是word-spacing