Question

html行间距怎么设置

Answer 1

1、首先打开vscode，随便创建一个H5页面，准备用于之后的演示

2、在页面中添加一个div，然后设置宽度为300

3、从浏览器打开这个页面，可以看到现在的行间距，如图所示

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

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

Answer 2

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

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

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

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

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

Answer 3

有两种理解：

行内的间距：

<div style="line-height:30px"></div>

行和行之间的间距：

<iamg>
    <page>
        <content>
            <row><label>第一行</label></row>
            <row style="margin-top:10"><label>第二行</label></row>
        </content>
    </page>
</iamg>

Answer 4

line-height: 1px;这个是针对文本自动换行的，你上面都用<p>标签包含起来了，自然就看不出效果，你把一个<p>标签里面输入很多的文字就能看出效果，如果还不对，贴安装代码来看

Answer 5

<span style="line-height:18px;">HTML语言中文<br>本文字的行距</span><br><br>
<span style="line-height:40px;">HTML语言中文<br>本文字的行距</span>