css设置字体间距

详细内容

• 01

  先看下我们的html代码，很简单，就是一个div里有一段文字，我们为这个div添加了一个样式 zn

  
• 02

  默认情况下，不加任何样式时，这段文字的间距是很小的，如图

  
• 03

  为了添加文字的间距，我们可以添加letter-spacing的样式，添加一个zn的样式名，样式代码为 letter-spacing: 12px;就是每个文字间会有12像素的间距。

  
• 04

  再运行页面，就可以看到效果了。文字间的间距明显加大了。