微信小程序-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;//居中不留空白

里面的不需要控制什么;

猜你喜欢

转载自773636724.iteye.com/blog/2351455