line-height 属性的取值和 height 属性的取值是相同的，这样内部的一行文本就实现垂直居中。在CSS中，line-height 属性的调整就是以这条线为标准线的。
通过隐藏节点实现CSS垂直居中。 创建一个隐藏节点#hide，使得隐藏节点的height值为剩余高度的一半即可。 这种方法也适用于CSS水平居中，原理一样。已知父元素高度通过transform实现CSS垂直居中。
行高line-height与文字高度height设为一样大，文字就垂直居中了只是一种效果上的表现。这个效果跟对象的基线有关系，所以，当两者值一致的时候，并不见得会出现垂直居中的效果。
③结合以①②中的两个等式：当设置line-height等于height时，字符大小就是内容大小，而上下相同的行间距就相当于上下相同的padding。故，div中的内容居中=p元素的字符(撑满容器)居中。
另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中，比如：p { padding：30px； } 这段代码的效果和line-height法差不多。
HTML：CSS：重点：父容器高度和子元素line-height一样的数值，内容中的行内元素就会垂直居中。
1、height是div区块的高度；line-hight是字间距；你的第一个代码设置了div区块的高度，没有设置字间距，文字默认顶端对齐。第二个代码，设置了字间距，就与上一个div底部把持了一段距离，也就是你所说的“在中间”了。
2、line-height是指行高，多用于字体之间上下两行的距离，而height一般用于列表中指表格的高度。Adobe Dreamweaver，简称“DW”，中文名称 梦想编织者，最初为美国Macromedia公司开发 ，2005年被Adobe公司收购。
3、max-height就是和这个相反了，不超出的话，层高度就和层中内容元素高度一样，否则就截断内容，显示max-height的高度。
给p设置个line-height为100px span的line-height继承为100px 父子元素都有line-height属性会有问题，应该父为height 子为line-height。
理解和正确使用line-height与vertical-align，首先要明确内容区域与文本区域的概念：在一般情况下，可以认为font-size影响span，span内容大小即为文本区域，line-height影响div，div的内容大小即为内容区域。
line-height是用来表示行高，用于控制文字间的间距，我们可以使用line-height来设置表格的中心位置，也可以用line-height表示内容在表格中的长度。
使用 line-height 属性的百分比值来排列此元素。允许使用负值。inherit：规定应该从父元素继承 vertical-align 属性的值。比如：vertical-align top就是垂直对齐文本的顶部 。
要使绝对定位或固定定位的元素水平居中，需要设置其 width 为固定值，并且 left： 0； right： 0； 。
} line-height 属性的取值和 height 属性的取值是相同的，这样内部的一行文本就实现垂直居中。在CSS中，line-height 属性的调整就是以这条线为标准线的。
1、line-height是指行高，多用于字体之间上下两行的距离，而height一般用于列表中指表格的高度。Adobe Dreamweaver，简称“DW”，中文名称 梦想编织者，最初为美国Macromedia公司开发 ，2005年被Adobe公司收购。
2、定义不同：line-height是行高的意思，height则是定义元素自身的高度。表示意义不同： line-height用来表示容器的高度，height用来表示这一容器内的每行文字的高度。
3、line-height就用来给一行内容的高度设定范围的。比如说，有一个这样的DIV： 它的意思就是说，这个DIV里面的每一行文字，占36个像素。它经常应用在让一些文字居中到一个位置。
4、max-height就是和这个相反了，不超出的话，层高度就和层中内容元素高度一样，否则就截断内容，显示max-height的高度。
5、line-height 属性设置行间的距离（行高）。注释：不允许使用负值。说明 该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。
定义不同：line-height是行高的意思，height则是定义元素自身的高度。表示意义不同： line-height用来表示容器的高度，height用来表示这一容器内的每行文字的高度。
大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可以减低阅读的困难与枯燥，并且使页面显得美观。行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的，同时也受字号的影响。
line-height就用来给一行内容的高度设定范围的。比如说，有一个这样的DIV： 它的意思就是说，这个DIV里面的每一行文字，占36个像素。它经常应用在让一些文字居中到一个位置。
1、line-height就用来给一行内容的高度设定范围的。比如说，有一个这样的DIV： 它的意思就是说，这个DIV里面的每一行文字，占36个像素。它经常应用在让一些文字居中到一个位置。
2、在 CSS 中，可以使用以下方法设置行高：使用行高属性（line-height）：行高属性用于指定文本行的高度。可以通过指定具体的像素值、百分比或无单位的数值来设置行高。
3、line-height是用来表示行高，用于控制文字间的间距，我们可以使用line-height来设置表格的中心位置，也可以用line-height表示内容在表格中的长度。
4、从line-height的作用来说， 可以通过line-height保持内容处于表格的纵(表格一个格子的高度的) 中心位置。2 可以通过line-height来控制内容在表格中纵的长度，也就是这个表格的一个格子的高度。
5、否则就截断内容，显示max-height的高度。line-height是行高，就是针对文本的，即一行文字的行高，是以该标签中文字大小font-size做比较的，例如line-height=200%；就是让行高是文字大小的两倍。
6、.只对行内元素奇效。默认是baseline参数基线对齐 2 .属性值 1 .设置行间的距离 2 .line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。