老生常谈的css居中

水平居中无外乎这两种：

水平居中：
行内元素：text-align:center;
块级元素：margin:auto;

垂直居中基本最常用的：

垂直居中：
1.基于绝对定位：
main{
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
}

2.游览器支持flexbox，当然目前几乎支持了：

父级{
 position:flex;
}
子级{
 margin:auto;
}