居中对齐的实现方式

一、水平居中

inline元素 :  text-align: center;
block元素 :  margin: auto;
absolute元素 : left: 50%;  margin-left: 负值;

二、垂直居中

inline元素 : line-height的值等于height的值
absolute元素 : top: 50%;  margin-top: 负值;
absolute元素 : transform : (-50%,-50%);
absolute元素 : top left right bottom 全都为 0;    margin: auto;