div 如果文字有多行,行间距怎么设置。

html-css019

div 如果文字有多行,行间距怎么设置。,第1张

div 如果文字有多行,行间距设置的具体操作步骤如下:

1、首先我们新建一个HTML文件。

2、然后我们在html文件里创建p标签和文本。

3、如图展示预览效果可以看出此时多行文字行间距并不统一。

4、然后我们使用数值来设置行间距line-height: 0.5。

5、我们再使用数值来设置行间距line-height:2。

6、最后再使用数值来设置行间距line-height: 4。

7、最后运行结果如图,如此通过以上步骤即可解决div 如果文字有多行,行间距设置的问题。

两种方式:

1:通过p标签,配合padding属性设置进行控制:

<p style="display:blockheight:5pxpadding:0px 10px">任意写一段文字www.jingshuiqi.link</p>

2:通过line-height标签进行控制(优选):

<p style="line-height:30px;">任意写一段文字</p>

以上以内联样式举例,字体方面使用font-size属性控制字体大小,可以多测试几次。