一.定义和用法 line-height 属性设置行间的距离（行高）。 可能的值 normal默认。设置合理的行间距。 number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。 length设置固定的行间距。 %基于当前字体尺寸的百分比行间距。 inherit规定 ...

初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。 所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识 ...

首先我们要明确 line-height 的定义，line-height指的是两条文字基线之间的距离。 行内框盒子模型 所有内联元素的样式表现都与行内框盒子模型有关。所以这个概念是非常重要的。 如上面一段普普通通的代码，却包含了4种盒子： 1）“内容区域”（content ...

刚一开始学习这个特性的时候，总是出一些当时看起来很奇怪的问题。现在决定重新整理一下。毕竟使用css，十行揉在一起凑出效果是一种使用，知道为什么会有这种效果也是一种使用。我们需要做一些测试，所以首先需要了解一下到底哪些DOM元素适合。 那我们第一个问题就来了。 line-height可以应用于 ...

大家都知道，如何设置文字垂直居中，也就是：设置line-height 和 外围盒子的高度height一致； 其实这里有个地方，是多余的，也就是height，设不设置都居中； 那么，行高是生产高度的？ 先上一个小问题：当div没有设置高度的情况下，撑开其高度是里面的文字吗？ 答案 ...

行高（line-height）🚩 line-height 属性是指文本行基线之间的距离，用于设置多行元素的空间量，如多行文本的间距。对于块级元素，它指定元素行盒（line boxes）的最小高度。 行高 line-height 实际上只影响行内元素和其他行内内容，而不会直接影响块级元素 ...

line-height用来设置元素的行高。 该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。 line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含 ...

1. 行高(line-height)、行距、font-size分别是什么。 行高(line-height)是指文本行基线间的垂直距离。 基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。下图中两条红线之间的距离就是行高，上行的底线和下一行顶线之间的距离就是行距，而同一行 ...