小程序css 设置view元素居中

赶鸭子上架的前端第四天:
想要设置红底灰框的元素居中
css:display:inline; line-height: 50rpx; margin-left: 20rpx; margin-right: 20rpx; background-color: lightgray; border-radius: 20rpx; padding-right: 20rpx; padding-left: 20rpx; text-align: center;
之前display是inline-flex,想要自己定义长宽高和外边距,但是这样text-align: center;就失效了,而且因为标题是动态传输过来的,所以手动设置不现实.捣鼓了半天才发现不能自定义,直接用inline去自动适配,再加上padding即可