微信小程序中将多个view居中显示的方法

ottom: 16px; Box-sizing: border-Box; color: rgb(79, 79, 79); line-height: 26px; text-align: justify; word-wrap: break-word; word-break: normal; text-indent: 0px; white-space: normal;">我们在这里要实现的效果是这样的，在小程序中将多个view居中显示 
Box-sizing: border-Box;"/>先看一下效果图

---

Box-sizing: border-Box; margin: 24px 0px; border-right: none; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-left: none; border-image: initial; border-top: none; color: rgb(63, 63, 63); white-space: normal;"/>

ottom: 16px; Box-sizing: border-Box; color: rgb(79, 79, 79); line-height: 26px; text-align: justify; word-wrap: break-word; word-break: normal; text-indent: 0px; white-space: normal;">

图片描述" title="" style="border: none; Box-sizing: border-Box; margin: 24px 0px; max-width: 602px; max-height: 100%; height: auto;"/>

---

Box-sizing: border-Box; margin: 24px 0px; border-right: none; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-left: none; border-image: initial; border-top: none; color: rgb(63, 63, 63); white-space: normal;"/>

ottom: 16px; Box-sizing: border-Box; color: rgb(79, 79, 79); line-height: 26px; text-align: justify; word-wrap: break-word; word-break: normal; text-indent: 0px; white-space: normal;">如下图效果所示：我们需要将 “延长收货”，”查看物流”，“提醒发货”，“提醒发货”是四个按钮放在页面最中间，并且间隔适当的距离：

---

Box-sizing: border-Box; margin: 24px 0px; border-right: none; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-left: none; border-image: initial; border-top: none; color: rgb(63, 63, 63); white-space: normal;"/>

ottom: 16px; Box-sizing: border-Box; color: rgb(79, 79, 79); line-height: 26px; text-align: justify; word-wrap: break-word; word-break: normal; text-indent: 0px; white-space: normal;">

图片描述" title="" style="border: none; Box-sizing: border-Box; margin: 24px 0px; max-width: 602px; max-height: 100%; height: auto;"/>

---

Box-sizing: border-Box; margin: 24px 0px; border-right: none; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); border-left: none; border-image: initial; border-top: none; color: rgb(63, 63, 63); white-space: normal;"/>

Box-sizing: border-Box; line-height: 30px; color: rgb(79, 79, 79); white-space: normal;">HTML代码：

rush:html;toolbar:false">

延长收货
查看物流
提醒发货
提醒发货

Box-sizing: border-Box; line-height: 30px; color: rgb(79, 79, 79); white-space: normal;">CSS代码：

rush:html;toolbar:false">/*底部按钮*/

.footer{
padding-bottom: 6px;
}
.footer-btn{
justify-content: space-around;
}
.footer-btn1,.footer-btn2,.footer-btn3,.footer-btn4{
font-size: 28rpx;
color: #666666;
border: 2rpx solid #999999;
border-radius: 8rpx;
line-height: 44rpx;
margin-top: 8px;
padding:4px 4px;
}