1.在文件夹中创建一个“test”的html文件。如图所示
2.在里面添加html标签框架。如图所示
3.在里面添加一个“div”并放入文字。如图所示
4.然后我们发现默认文字之间比较紧凑。如图所示
5.现在我们给div设置一个id为“wd”。如图所示
6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px}如图所示
7.在浏览器中打开我们发现字间距变大了。如图所示
调整网页中文字的行距和间距的方法和操作步骤如下：
1、首先，打开vscode并创建一个H5标准页面，该页面用于演示html行距和间距的设置方法，如下图所示。
2、其次，在页面上添加一个div并将宽度设置为300，目的是为了让div中的文字换行，从而设置行高，如下图所示。
3、接着，在浏览器中打开页面，可以看到默认的文字间距，如下图所示。
4、然后，如果要增加行距，可以在div标签中将line-height属性值添加到style属性中，如下图所示。
5、最后，在浏览器中打开页面，可以看到文本间距已经变大了，如下图所示。
