[分享]css中字体空两格

在网页设计中，字体排版是一个极为重要的环节。而在CSS中，控制字体样式和排版的属性有很多，其中有一种属性是字体空两格（wordspacing）。字体空两格是指让字母之间的空隙比默认情况下更大，使得文字...

在网页设计中，字体排版是一个极为重要的环节。而在CSS中，控制字体样式和排版的属性有很多，其中有一种属性是字体空两格（word-spacing）。字体空两格是指让字母之间的空隙比默认情况下更大，使得文字更加易读。下面我们来了解一下CSS中字体空两格的相关知识。

font-size:20px;
word-spacing:5px; 

可以看到，word-spacing是一个控制间距的属性，表示单词之间的空间大小。需要注意的是，这个属性不会改变字母之间的空格大小。如果想要控制字母之间的间距，需要使用letter-spacing属性。

font-size:20px;
letter-spacing:2px; 

除了可以在整个页面中使用字体空两格的属性，也可以对某一部分文字进行控制，只需在对应的CSS样式中设置即可：

<style>
    .text{
        font-size:20px;
        word-spacing:5px;
    }
</style>
<p class="text">这是一段使用字体空两格的文字。</p> 

需要注意的是，在使用字体空两格属性时，调节大小应该尽量适中，过大或者过小都会使得读者阅读起来产生不适感。除此之外，字体空两格在中文排版中的应用较少，更多的是用于英文排版，如果是中文排版，建议只使用默认的空格大小。