【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 小程序 » 正文

微信小程序组件view

放大字体  缩小字体 发布日期:2020-06-14 02:32:37    浏览次数:11
导读

  align-content属性只适用于多行的flex容器,并且当侧轴上有多余空间使flex容器内的flex线对齐。  align-content是针对flex容器里面多轴(多行)的情况,align-items是针对一行的情况进行排列。在元素布局的时候,如果有多个侧轴,则align-content生效,如果只有一个侧轴,则align-items生效。  align-self属性允许单个

  align-content属性只适用于多行的flex容器,并且当侧轴上有多余空间使flex容器内的flex线对齐。

  align-content是针对flex容器里面多轴(多行)的情况,align-items是针对一行的情况进行排列。在元素布局的时候,如果有多个侧轴,则align-content生效,如果只有一个侧轴,则align-items生效。

  align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。默认值为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch。

  上图这种布局在iOS中可以用UICollectionView来实现,那用小程序view该如何实现呢?

  这样的布局意思是一行显示不下,换行继续显示,设置图片width:30%;这样一行三个显示就完成了,但是这些代码的设置不会有上图的左右间隔,再加上justify-content:space-around;即可

 
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-268302.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4