如何设置h5页面中的行距？

1、打开vscode，创建一个H5规范的页面，用于演示html行间距的设置方式。

2、在页面中添加一个div，设置宽度为300，目的是为了让div中的文字换行，从而设置行高

3、在浏览器中打开页面，可以看到默认的文字间距，如图所示

4、如果想要将行间距增大，那么可以在div标签中的style属性中添加line-height属性值

5、在浏览器中打开页面，此时就可以看到文字间距变大了

1、首先新建一个html文件，命名为test.html，在test.html文件内，使用p标签创建一行文字，文字内容为“这是一段测试的文字”。

2、然后在test.html文件内，设置p标签的class属性为txt，主要用于下面通过该class来设置css样式。

3、接着在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

4、在test.html文件内，在css标签内，以“.类名”的形式来设置p标签的样式。

5、在css标签内，使用letter-spacing属性设置文字的间距，间距值的单位可以是px，rem，cm等css单位。例如，这时设置文字间隔为20px。

6、最后在浏览器打开test.html文件，查看实现的效果，如下图所示就完成了。

html中两个表格间的距离调整有两种适合微调的办法：

1.设置第一个tbale的margin-bottom属性。例如：

<table width="100%" style="margin-bottom:100px">表示table表格底部保持100px间距。

2.设置第二个tbale的margin-top属性。例如：

<table width="100%" style="margin-top:100px">表示table表格顶部保持100px间距。

扩展知识

margin 属性可以单独改变元素（元素可以是表格或者DIV）的上，下，左，右边距。也可以一次改变所有的属性。

margin 属性单独使用时：

例1：margin-bottom：100px；元素的下外边距为100px。

例2：margin-left：100px；元素的左外边距为100px。

例3：margin-right：100px；元素的右外边距为100px。

例4：margin-top：100px；元素的上外边距为100px。

margin 属性一次性设置所有属性：

例1：margin:10px 5px 15px 20px表示：

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

例2：margin:10px 5px 15px表示：

上外边距是 10px

右外边距和左外边距是 5px

下外边距是 15px

例3：margin:10px 5px表示：

上外边距和下外边距是 10px

右外边距和左外边距是 5px

例4：margin:10px表示：

所有 4 个外边距都是 10px

参考资料：

百度百科-margin-buttom

百度百科-margin-top

---