html怎么设置p标签行间距


本文摘自PHP中文网,作者V,侵删。

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 属性的值。

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

阅读剩余部分

相关阅读 >>

Html怎么设置不缓存

Html如何使用不换行标签

Html中的meta设置方法

Html font标签如何设置字体大小?Html font标签属性用法介绍

Html如何添加音乐

Html怎么设置表格线的颜色

Html条件注释用法诠释

Html入门必知

Html中的图片如何自适应屏幕?这篇文章有图片的自适应用法介绍

Html代码什么意思?

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...