css设置行间距

2025-11-05 12:02:31

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

创建<div>代码:

<div>

这是一个标准行高的段落。<br>

这是一个标准行高的段落。<br>

这是一个标准行高的段落。<br>

</div>

<br />

<div class="big">

这是一个更大行高的段落。<br>

这是一个更大行高的段落。<br>

这是一个更大行高的段落。<br>

</div>

css设置行间距

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

css样式代码:

<style type="text/css">

.big{

line-height: 300%;

}

</style>

css设置行间距

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

css设置行间距

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢