text-align 、margin与line-height
1、text-align:center;
设置块级元素包括行内块元素（有确定宽度）内文本水平居中对齐方式；
设置行内块元素（包括由display:inlineblock转化的行内块元素，但是不包括浮动隐式转化的行内块元素）在父盒子内水平居中对齐；
例：给父盒子div添加属性text-align:center；时，当子元素a通过display：inline-block;转化为行内块时，自身会在父盒子中居中对齐，设置有宽和高后，行内文本会继承父级影响实现文本居中对齐效果；
2、margin：auto；
可以实现块级元素在父盒子中水平居中对齐；
3、line-height：xx px;
块级元素才可以用行高line-height，因为只有块级元素才有高度，当然包括行内块元素；行高等于盒子高度可以让单行文本垂直居中，有图片或者多行文本则不能实现垂直居中效果；
4、vertical-align:center;
图片默认和文字基线对齐，所以图片会和父盒子底部存在缝隙，vertical-align 就是解决这种对齐问题并实现图片、文字、表单垂直居中对齐或顶部对齐等其他对齐方式，对行内元素和行内块元素有效；
（例：img{vertical-align: middle;} 让图片和文字垂直居中对齐）
