html如何设置p标签行间距

这篇文章将为大家详细讲解有关html如何设置p标签行间距，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

我们提供的服务有：成都网站设计、网站建设、微信公众号开发、网站优化、网站认证、天全ssl等。为数千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的天全网站制作公司

html设置p标签行间距的方法是，给段落文字添加line-height属性，并且设置合理的行间距数值即可，例如【p.small {line-height:70%;}】，表示设置行间距为当前字体的百分之70。

本文操作环境：windows10系统、html 5、thinkpad t480电脑。

我们要设置p标签的行间距其实是非常简单的，因为在css中有一个现成的属性line-height，这是由于该属性才让行间距的设置如此简单。可能很多同学不太清楚该属性，下面就让我们来一起看看该属性吧。

line-height属性是用来设置以百分比计的行高的。

该属性的常用属性值有如下几种：

• normal    默认。设置合理的行间距。

• number    设置数字，此数字会与当前的字体尺寸相乘来设置行间距。

• length    设置固定的行间距。

• %    基于当前字体尺寸的百分比行间距。

• inherit    规定应该从父元素继承 line-height 属性的值。

下面我们来一起看看代码示例：

 
 





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

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

大多数浏览器的默认行高约为110%至120%。




这是一个更小行高的段落。

这是一个更小行高的段落。

这是一个更小行高的段落。

这是一个更小行高的段落。




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

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

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

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

运行效果如下图所示：

关于“html如何设置p标签行间距”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

网页名称：html如何设置p标签行间距
标题来源：http://6mz.cn/article/gddooc.html