css里有好几种居中的方式，今天来详解一下各个居中办法，以及在什么情况下该用哪种居中方式，我将详细的一一道来！
一、 行盒、行块盒水平居中（不含块盒）
行级标签的特点： <1>不能对其设置宽高 。 <2> 不独占一行。
例如：<a> 、<span>、<strong>、<i>等等。
居中方法：
直接对其父元素设置：
text-align: center例如，有个a元素，想在div里居中，直接对这个div设置text-align:center就可以，a元素就会水平居中在div里！
二、常规流块盒居中
直接对这个元素设置：
margin: 0 auto;三、绝对定位元素的水平居中
对该绝对定位元素定宽，然后将左右margin设置为0
left: 0;
right: 0;
margin: 0 auto;注：这里我把margin的上下设为了0，左右为auto，可以根据自己的情况设置上下margin,但左右margin一定要为0
四、单行文本的垂直居中
想要让一行文字，显示在垂直位置的正中间，也就是高度的一半的位置。文本的水平居中可以用text-algin，垂直居中就是文本父元素的高度和行高设为一致即可，文本便会垂直居中！
height: 50px;
line-height: 50px;五、绝对定位元素的垂直居中
定高，设置上下坐标为0，设置上下margin为auto
top: 0;
bottom: 0;
margin: auto 0;注：我在这里设置的上下margin为auto,左右margin为0，可根据自己的情况设置左右margin值，但上下margin一定要为0
