欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

微信小程序页面使内容充满整个屏幕

发布时间:2024/5/15 编程问答 2 豆豆
如意编程网 收集整理的这篇文章主要介绍了 微信小程序页面使内容充满整个屏幕 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

微信小程序页面使内容充满整个屏幕 内容居中

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;/*水平居中*/ }

原文链接

总结

以上是如意编程网为你收集整理的微信小程序页面使内容充满整个屏幕的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。