微信小程序頁面使內容充滿整個屏幕 內容居中

wxml頁面代碼

<view class="empty_tip "><image class="" src="../../image/empty_cart.png" mode="widthFix"></image><view class="classname">購物車竟然是空的</view><view class="color_888888">快去首頁瞧瞧吧</view></view>

wxss樣式代碼

.empty_tip{position: fixed;height: 100%;width: 100%;display:flex;flex-direction:column;align-items:center;/*垂直居中*/justify-content: center;/*水平居中*/ }

原文鏈接

總結

以上是生活随笔為你收集整理的微信小程序页面使内容充满整个屏幕的全部內容，希望文章能夠幫你解決所遇到的問題。

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