css怎么修改行间距-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

css修改行间距的方法：首先新建一个html代码页面；然后在html页面输入两个<div>同时设置一些文字；接着对其中一个<div>添加一个class类为big用于设置行高；最后使用line-height设置big类的行高即可。

本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

打开html开发工具，新建一个html代码页面，然后在这个html页面输入两个<div>同时设置一些文字，对其中一个<div>添加一个class类为big用于设置行高。

创建<div>代码：

<div>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
</div>
<br />
<div class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
</div>

设置行高。在<title>标签后面创建一个<style>标签，然后使用line-height设置big类的行高。

css样式代码：

<style type="text/css">
.big{
line-height: 300%;
}
</style>

保存html页面，使用浏览器打开，即可看到浏览器页面上含有big类的div标签里的行间距变大了。

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者