css如何设置行间距呢?


摘要:
下文讲述css代码设置行间距的方法分享,如下所示:

css行间距指:
行与行之间的距离,html元素与html元素上下的距离,
下文通过举例的方式讲述设置上下间距的方法分享,如下所示:

实现思路:
  使用以下css属性line-height可设置行与行间距
    line-height属性可设置行高
    line-height值越大,间距越大,此属性值不允许为负数

例:

  <meta charset="utf-8">
<style>
.a {line-height:30%;}
.b {line-height:150%;}
.c {line-height:30px;}
</style>
<p>
maomao365.com <br />
line-height属性示例分享
</p>
<hr /> 
<p class="a">
    猫猫教程--class-a的用法<br />行高-2
			<br />行高-3
			<br /> 行高-4 
</p>
<hr />

<p class="b">
    猫猫教程--class-b的用法<br />行高-2
			<br />行高-3
			<br /> 行高-4 
</p>
<hr />


<p class="c">
    猫猫教程--class-c的用法<br />行高-2
			<br />行高-3
			<br /> 行高-4 
</p> 
css设置行间距的示例分享

css设置行间距的示例分享