水平居中无外乎这两种:
水平居中:
行内元素:text-align:center;
块级元素:margin:auto;
垂直居中基本最常用的:
垂直居中:
1.基于绝对定位:
main{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
2.游览器支持flexbox,当然目前几乎支持了:
父级{
position:flex;
}
子级{
margin:auto;
}