css设置行间距
css提供了一个设置行间距的line-height属性,可以通过line-height设置每行文字的距离。
语法:line-height: 300%;
1.打开html开发工具,新建一个html代码页面,然后在这个html页面输入两个<div>同时设置一些文字,对其中一个<div>添加一个class类为big用于设置行高。
创建<div>代码:
<div>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
</div>
<br />
<div class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
</div>
2.设置行高。在<title>标签后面创建一个<style>标签,然后使用line-height设置big类的行高。
css样式代码:
<style type="text/css">
.big{
line-height: 300%;
}
</style>
3.保存html页面,使用浏览器打开,即可看到浏览器页面上含有big类的div标签里的行间距变大了。