一，css关于绝对定位的居中

.main {

width: 600rpx;

height: 280rpx;

background: #fff;

margin: auto;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

}

二，常用居中

1,  text-align:center

 2, display: flex;   justify-content: center;