css修改行间距的方法：1、新建一个html代码页面；2、在html页面添加两个div元素并同时设置一些文字；3、对其中一个div元素添加一个class类为big用于设置行高；4、使用line-height设置big类的行高即可，语法“.big{line-height: 行间距值;}”。
本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
打开html开发工具，新建一个html代码页面，然后在这个html页面输入两个
同时设置一些文字，对其中一个添加一个class类为big用于设置行高。
创建
代码：
这是一个标准行高的段落。
这是一个标准行高的段落。
这是一个标准行高的段落。
这是一个更大行高的段落。
这是一个更大行高的段落。
这是一个更大行高的段落。
登录后复制
立即学习“前端免费学习笔记（深入）”；
设置行高。在
标签后面创建一个标签，然后使用line-height设置big类的行高。
<p>css样式代码：</p>
<pre class="brush:php;toolbar:false">.big{line-height: 300%;}
<p><img decoding="async" src="https://www.chuangxiangniao.com/wp-content/themes/b2/Assets/fontend/images/default-img.jpg" title="https://cdn.chuangxiangniao.com/2025/03/20250313064613877.png" alt="css怎么修改行间距" data-src="//cdn.chuangxiangniao.com/2025/03/20250313064613877.png" class=" lazy"></p>
<p>保存html页面，使用浏览器打开，即可看到浏览器页面上含有big类的div标签里的行间距变大了。</p>
<p><img decoding="async" src="https://www.chuangxiangniao.com/wp-content/themes/b2/Assets/fontend/images/default-img.jpg" title="https://cdn.chuangxiangniao.com/2025/03/20250313064614259.png" alt="css怎么修改行间距" data-src="//cdn.chuangxiangniao.com/2025/03/20250313064614259.png" class=" lazy"></p>
<p>推荐：《css视频教程》</p>
<p></p></pre>
以上就是css怎么修改行间距的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
