手机端的居中对齐的方式

1 利用position:absolute

.center{

　　position: absolute;
　　top: 0;
　　left: 0;
　　bottom: 0;
　　right: 0;
　　margin:auto;
　　width: 50vw;
　　height: 50vw;
　　line-height: 50vw;
　　text-align: center;

}

2 利用flex

html,body{height:100%;}

.wrap{

　　display: flex;
　　height: 100%;
　　align-items: center;
　　justify-content: center;

}

.center{　　

　　width: 50vw;
　　height: 50vw;
　　text-align: center;
　　line-height: 50vw;

}

　　　　

转载于:https://www.cnblogs.com/FineDay/articles/6025716.html