Rumah >hujung hadapan web >tutorial css >css怎么修改行间距

css怎么修改行间距

藏色散人
藏色散人asal
2021-02-28 10:26:193918semak imbas

css修改行间距的方法:1、新建一个html代码页面;2、在html页面添加两个div元素并同时设置一些文字;3、对其中一个div元素添加一个class类为big用于设置行高;4、使用line-height设置big类的行高即可,语法“.big{line-height: 行间距值;}”。

css怎么修改行间距

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

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

创建dc6dce4a544fdca2df29d5ac0ea9906b代码:

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

7335e94075fd1776a16ebbb80e5842b.png

设置行高。在b2386ffb911b14667cb8f0f91ea547a7标签后面创建一个c9ccee2e6ea535a969eb3f532ad9fe89标签,然后使用line-height设置big类的行高。

css样式代码:

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

1ba7b8c321eada0d1ebc336e32d4f70.png

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

25175a471893e734459b780ba6eb613.png

推荐:《css视频教程

Atas ialah kandungan terperinci css怎么修改行间距. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css样式怎么把按钮变圆Artikel seterusnya:css首行缩进怎么弄