先看下我们的html代码，很简单，就是一个div里有一段文字，我们为这个div添加了一个样式 zn
02默认情况下，不加任何样式时，这段文字的间距是很小的，如图
03为了添加文字的间距，我们可以添加letter-spacing的样式，添加一个zn的样式名，样式代码为 letter-spacing: 12px就是每个文字间会有12像素的间距。
04再运行页面，就可以看到效果了。文字间的间距明显加大了。
调整网页中文字的行距和间距的方法和操作步骤如下：
1、首先，打开vscode并创建一个H5标准页面，该页面用于演示html行距和间距的设置方法，如下图所示。
2、其次，在页面上添加一个div并将宽度设置为300，目的是为了让div中的文字换行，从而设置行高，如下图所示。
3、接着，在浏览器中打开页面，可以看到默认的文字间距，如下图所示。
4、然后，如果要增加行距，可以在div标签中将line-height属性值添加到style属性中，如下图所示。
5、最后，在浏览器中打开页面，可以看到文本间距已经变大了，如下图所示。
