我們?cè)谶@里要實(shí)現(xiàn)的效果是這樣的，在小程序中將多個(gè)view居中顯示
先看一下效果圖

---

---

如下圖效果所示：我們需要將 “延長(zhǎng)收貨”，”查看物流”，“提醒發(fā)貨”，“提醒發(fā)貨”是四個(gè)按鈕放在頁(yè)面最中間，并且間隔適當(dāng)?shù)木嚯x：

---

---

HTML代碼：

<view class="footer"><view class="footer-btn" style="display:flex;flex-direction: row;"><view class="footer-btn1">延長(zhǎng)收貨</view><view class="footer-btn2">查看物流</view><view class="footer-btn3">提醒發(fā)貨</view><view class="footer-btn4">提醒發(fā)貨</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; }

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。