我們在這里要實現的效果是這樣的，在小程序中將多個view居中顯示
先看一下效果圖

---

---

如下圖效果所示：我們需要將 “延長收貨”，”查看物流”，“提醒發貨”，“提醒發貨”是四個按鈕放在頁面最中間，并且間隔適當的距離：

---

---

HTML代碼：

<view class="footer"><view class="footer-btn" style="display:flex;flex-direction: row;"><view class="footer-btn1">延長收貨</view><view class="footer-btn2">查看物流</view><view class="footer-btn3">提醒發貨</view><view class="footer-btn4">提醒發貨</view></view></view>

---

CSS代碼：

/*底部按鈕*/.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; }

總結

以上是生活随笔為你收集整理的在小程序中将多个view居中显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。