css行间距属性设置(css行高line-height属性介绍)

css行高是什么意思?行高指的是文本行的基线之间的距离,更简单来说行高是指文本行基线间的垂直距离,行高也是文字大小与行距的和,行高越大则行间距越大。文字的行间距属性line-height,该属性

css行高是什么意思?行高指的是文本行的基线之间的距离, 更简单来说行高是指文本行基线间的垂直距离, 行高也是文字大小与行距的和, 行高越大则行间距越大。文字的行间距属性line-height,该属性用来设置行间的距离,也就是我们经常说的行高。可以控制文字行与行之间的距离。

行间距属line-height属性

1、line-height的语法:

p {   line-height: 16px;}

2、什么是行间距呢?看下面这个图你就懂了

css行间距属性设置(css行高line-height属性介绍)

对于一行文字来说,文字上面和上一行文字的下面,文本高度,文字的下面和下一行文字的上面,三者加起来就是整个行间距。

3、注意:line-height属性不允许使用负值,对于单文本来说,可以将行高设置为和父元素高度一致,让单行文本可以在父元素中垂直居中。

本站部分文章来自网络或用户投稿,如无特殊说明或标注,均为本站原创发布。涉及资源下载的,本站旨在共享仅供大家学习与参考,如您想商用请获取官网版权,如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
前端

css变量定义和兼容性(命名规则和使用方法)

2022-11-26 1:25:30

前端

css鼠标变成小手怎么设置?

2022-11-26 1:25:33

搜索