[分享]css3怎么让每个字空格

在CSS3中，有一个很实用的属性text-space-collapse，它可以让每个字之间的空格都变得很美观，下面是具体的实现方法：

 p {
        text-space-collapse: trim-punctuation;
    } 

通过上面的代码，我们可以让每个段落中的文字使用这个属性，而后在pre标签中增加具体的代码就可以实现空格效果，例如：

 <p>OneHundredTwentyFour </p> 

在使用了上述代码后，每个字之间都会产生适当的空隙，让排版变得更加美观。该属性还有其他的选择值，例如trim-punctuation可以去掉标点符号，collapse可以把多个空格压缩成一个空格，discard可以完全去掉空格等等，使用者可以根据自己的实际需求进行选择。