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

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

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

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

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

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

下面是属性，对比下

column-count定义元素应该被分隔的列数

column-fill定义列的填充方式

column-gap定义列之间的间隔距离

column-rulecolumn-rule属性的简写属性，定义列之间的规则

column-rule-color定义列之间的规则颜色

column-rule-style定义列之间的规则样式

column-rule-width定义列之间的规则宽度

column-span定义元素应该横跨的列数

column-width定义列的宽度

columnscolumn-width 和 column-count 的简写属性

可以写img{margin-left:30pxmargin-right:30px}

这样给左右两边都设置了30像素的距离

还可以用把margin改成padding用，但是这个要看图片旁边的一些情况，你可以都试试

---