微信小程序-view居中问题

最近开发微信小程序,发现小程序大部分语法是ES6的标准,比如...操作符,替代了apply 和call;

而且页面展示wxss,虽然微信最近规范了一些,但是css3的一些用法可用的,css3相信html5前端开发一定不陌生,相信用着用着就会记得住那么多的标签了,当然现在已经有了布局软件,大神们也不用在意那些css3样式了,但是我们更喜欢去手敲代码,鼠标拖来拖去,不爽。

今天说一个view居中问题:view中包含view,其中里面的view需要对外层居中,html中很好实现,但是小程序中使用的是自己的规范,我就说是css3吧;

需求:view中有6个view 我要一行显示3个,然后居中

解析:横向排列,换行,居中

解决:直接商代码

外层view:

   display:flex;//伸缩容器

  flex-direction:row;//横向排列

  flex-wrap:wrap;//wrap:flex容器为多行。就是换行的意思

 justify-content:center;//居中不留空白

里面的不需要控制什么;

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值