html怎么设置行距-木庄网络博客

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

html中，可以通过style属性，给段落元素添加“line-height:间距值;”样式来设置行距，例“<p style="line-height:2em;"></p>”。line-height属性用于设置行间的距离，值越大，行距就越高。

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

html设置行距

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
    </head>
 
    <body>
        <p>
            这是一个标准行高的段落。<br> 
            这是一个标准行高的段落。<br>
            大多数浏览器的默认行高约为110%至120%。<br>
        </p>
 
        <p style="line-height: 10px;">
            这是一个更小行高的段落。<br> 
            这是一个更小行高的段落。<br> 
            这是一个更小行高的段落。<br> 
            这是一个更小行高的段落。<br>
        </p>
 
        <p style="line-height: 2em;">
            这是一个更大行高的段落。<br> 
            这是一个更大行高的段落。 <br> 
            这是一个更大行高的段落。<br> 
            这是一个更大行高的段落。<br>
        </p>
    </body>
 
</html>