微信小程序 关于view的居中问题

本文探讨了微信小程序中view元素的居中问题。通过示例代码展示水平和垂直居中的实现方式,并强调了居中样式应用于正确view的重要性。若要实现全屏居中,需确保页面高度设置为100%。
摘要由CSDN通过智能技术生成

微信小程序 关于view的居中问题

很多时候我们需要把一个view水平或垂直居中,而这个无非就在样式里添加三句:

.example{
   
  display: flex;
  justify-content: center;  /*水平*/
  align-items: center; /*垂直*/
  }

但是我用的时候忘了一件事情,就是这些样式用在哪个view的问题,这也导致我以为自己用错了语句,在那瞎查还想不懂。所以今天写这个来提个醒

写个例子:
wxml

<view class="outside">
  <view class
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值