微信小程序view下的字体居中显示

.ordinary {

width: 160rpx;

height: 60rpx;

font-size: 30rpx;

border-radius: 30rpx;

background-color: #c7c6c6;

color: #fff;

display: flex; /*设置显示样式**/

align-items: center; /**子view垂直居中*/

vertical-align: center; /**垂直居中*/

justify-content: center; /**内容居中*/

flex-direction: row;

}