微信小程序頁(yè)面使內(nèi)容充滿(mǎn)整個(gè)屏幕 內(nèi)容居中

wxml頁(yè)面代碼

<view class="empty_tip "><image class="" src="../../image/empty_cart.png" mode="widthFix"></image><view class="classname">購(gòu)物車(chē)竟然是空的</view><view class="color_888888">快去首頁(yè)瞧瞧吧</view></view>

wxss樣式代碼

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

原文鏈接

總結(jié)

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

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