行高line-height，元素居中

元素居中的css写法：

1. margin: 0 auto；水平居中
2. flex 布局：上下垂直居中
3. position为absolute的时候使用left和top50%,然后再设置margin-top，margin-left值设为自己宽高的一半的负值。这样也可以始终是一个元素上下垂直居中显示。
   或者是：transform: translate(-50%,-50%); 把元素从上和左移元素宽高的50%。
4. text-align：文本，内联（inline，inline-block）元素水平居中显示
5. padding-top，padding-bottom设置固定，内容来撑开元素，可以使元素垂直居中。

6. 绝对定位子元素在父元素的居中：

   子元素样式：margin: auto; left: 0;right: 0;bottom: 0;top:0;

中文行高：在中文里行高的概念如同是小学时的写字本每两行之间的高度，这就是直观意义上的行高。

英文行高：但是在英文的世界里面，行高指的是每两行基线之间的距离。
学英语的时使用的那个英语本子每行有四条线，其中底部第二条线就是基线，vertical-align中有top,middle,baseline,bottom与之是由关联的。所以vertical-align一般和line-height一起使用

如果一个标签没有定义height属性，那么其最终表现的高度一定是由line-height起作用。

撑开div高度的不是文字的高度，而是line-height的高度。在一行文字里面，文字默认是居中显示的，所以一般把行的高度设置为同盒子的高度一样来实现文字的居中。

长度不固定的文字的上下居中使用padding-top和padding-bottom

高度不一致的图片的上下居中，使用line-height设置一个图片的最大高度后再使用vertical-align: middle