神奇的绝对定位实现水平垂直居中

实现绝对定位水平垂直居中，绝对定位absolute，可以用left:50%加上margin-left:(宽度/2)来实现

 .main{    position:absolute;     left:50%;     top:50%；     margin-left:-125px;     margin-top:-50px;  }

注意：margin取负值，大小为width/height的一半，再加上left:50%;top:50%;就可以实现水平垂直居中了。如果不知道margin-left， margin-top走多少像素的情况下，可以用transform:translate(-50%,-50%);