本文从线高的定义、线高度的理解和线高的应用3个方面介绍了线的高度。这是非常详细的，需要一个朋友参考。




一、直线高度的定义

行高（行高），相邻文字线之间的距离线。那么底线是什么字本杰明，XX工程师，底线是没有汉字的底部，但是底部的英文字母x ldquo。
二、线高理解

有时我们会遇到CSS的高度是通过设置宽度而不用设置框的高度和设置高度来决定的。
如果标签没有设置高度（固定值或百分比），那么它的高度取决于标签的高度。下面我们来看一组例子：
盒子的高度不是在这个前提下设定的。
CSS：
复制代码代码如下所示：

。GC {宽度：400px；背景颜色：# CCC；边框1px solid # F00；margin-bottom: 40px；}
。demo01 {字体大小：0；线高度：40px；}
。demo02 {字体大小：40px；线高度：0；}

benjmain01_a
benjamin02_a



那么线的高度是如何产生高水平的呢
让我们从两个基本概念开始：
1。行内框
内联框是浏览器呈现模型中的一个概念。它不能显示，但它确实存在。它的高度是线高度指定的高度。
2。线框
框架是线的虚拟矩形，是浏览器呈现模式中的一个概念。行框的高度等于行中所有元素内圆的最大值。基线是行高度（行高）的最大行内框架。其他内部框使用它们的基准线进行对齐，最后计算行框的高度。

我们知道这个高度是怎么来的，最大（线框高度）>盒子高度的箱子高度
三和线高的应用

1。单线垂直中心
设置容器的高度等于行高度值。

2。文本行是垂直居中的。
a）高度固定的容器：直接设置上下填充值等于OK。
B）高度未知的容器：在行高度的帮助下，请参见下面的示例：

代码uff1a
复制代码代码如下所示：

，{线高度：100px；字体大小：0；宽度：400px；背景颜色：# CCC；边界：1px点缀# 333；}
。inner_01 {字体大小：12px；线高度：24px；显示：内联块；垂直对齐方式：居中；}
。inner_02 {宽度：0；}


我们知道这个高度是怎么来的，最大（线框高度）>线框高度>父元素高度高度的行框效应>




3的垂直中心。图片

这种情况将在下一个深度CSS属性（四）中详细描述：垂直对齐。

4线高度的差值：1.5和150%。

文章之间的区别：线高度的差异：1.5和线的高度：150%

对其他方面应用线高随访补充，上述如不合适，也希望改正。