html中怎么设置每行文字的间隔-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在html中，可以使用line-height属性来设置每行文字的间隔，语法格式“line-height:number|length|%;”。line-height属性可以设置行间的距离，它的值越大，那么每行文字的间隔就越高。

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

在html中，可以使用line-height属性来设置每行文字的间隔。line-height属性可以设置行高，进而调整文字的行间距。line-height的值越大，那么行间距就越高。

示例：

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <style type="text/css">
            p{
                font-size: 20px;
                border: 1px solid red;
            }
            .p2 { 
                line-height: 2em;
            }
            .p3 { 
                line-height: 3em;
            }
        </style>
 
    </head>
 
    <body>
        <p class="p1">
            桃之夭夭，灼灼其华。之子于归，宜其室家。<br> 
            桃之夭夭，有?其实。之子于归，宜其家室。<br> 
            桃之夭夭，其叶蓁蓁。之子于归，宜其家人。
        </p>
        <p class="p2">
            桃之夭夭，灼灼其华。之子于归，宜其室家。<br> 
            桃之夭夭，有?其实。之子于归，宜其家室。<br> 
            桃之夭夭，其叶蓁蓁。之子于归，宜其家人。
        </p>
        <p class="p3">
            桃之夭夭，灼灼其华。之子于归，宜其室家。<br> 
            桃之夭夭，有?其实。之子于归，宜其家室。<br> 
            桃之夭夭，其叶蓁蓁。之子于归，宜其家人。
        </p>
    </body>
 
</html>