如何在html中更改行间距


当前第2页 返回上一页

还可以使用像素大小指定行高,这使得间距与正在使用的字体无关。

1

2

3

4

5

6

<p style="background-color:yellow">

    浏览器默认行间距:php中文网提供大量免费、原创、高清的php视频教程

</p>

    <p style="line-height:30px;background-color: pink;">

    自定义行高:php中文网提供大量免费、原创、高清的php视频教程

</p>

效果图如下:

使用百分比

使用百分比时,它与使用数字类似,它基于元素的当前字体大小。百分比实际上是一种不同的规范方式

1

2

3

4

5

6

<p style="background-color:yellow">

    浏览器默认行间距:php中文网提供大量免费、原创、高清的php视频教程

</p>

    <p style="line-height:70%;background-color: pink;">

    自定义行高:php中文网提供大量免费、原创、高清的php视频教程

</p>

效果图如下:

Image 017.png

注意:line-height属性中不允许使用负值。

总结:以上就是本篇文章的全部内容了,希望对大家学习行间距有所帮助。

以上就是如何在html中更改行间距的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css中line-height详解(代码实例)

line-height文字垂直居中在ie9不被支持的解决方法

line-height什么意思?line-height带单位与不带单位的区别

css line-height值为150%或1.5值的区别

详解css行高line-height属性

表示行高的css属性是什么

如何在html中更改行间距

更多相关阅读请进入《line-height》频道 >>




打赏

取消

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

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

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

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

评论

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

    暂无评论...