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

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

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

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

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

今天无意间看了到了line-height:1.8 感觉挺有意思的，然后翻了下行高的知识，发现还挺有文章的，不妨温故而知新。 先回顾下：顶线、中线、基线、底线 vertical-align是元素的垂直对齐方式，也依赖于这些线，分别有top(顶线对齐)、middle(中线对齐 ...

什么是行间距？ 古时候我们使用印刷机来出来文字。印刷出来的每个字，都位于独立的一个块中。 行间距，即传说中控制两行文字垂直距离的东东。在CSS中，line-height被用来控制行与行之间垂直距离。 不过，行间距与半行间距，还是取决于CSS中的line-height。那么，如何来 ...

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