html中的字体行间距怎么设置

html-css011

html中的字体行间距怎么设置,第1张

1、打开hbuilder开发工具，新建一个html文件，在这个html页面，需要创建两个<div>，同时设置一些文字，第一个div作为对照组，第二个div需要添加class类名为big，方便后面设置行高：

2、在<head>标签里创建一个<style>标签，然后设置使big类的line-height属性，该属性就是用来设置行间距的：

3、按下crtl+S保存页面，在软件右侧的浏览器，可看到页面上big类的div标签里的行间距变大了。以上就是设置html行间距的办法：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的第二个<p>标签中，输入样式代码：style="margin-top: 30px"。

3、浏览器运行index.html页面，此时文本段落的行间距被设置为了30px。

1 设置<p></p>的行间距可使用style="line-height:3px"来实现。

2 但是，在最后一行文字要是也是这么设置的话，就会出现文字只出现一半的情况。 解决方法如下：在最后一行文字的下面，再加一个空的<p></p>，就解决了