微信小程序笔记-布局

wuchangjian2021-11-03 19:10:19编程学习

 swiper动态滑块

自动横向轮播内容

vertical 纵向滑动方向

display-multiple-items="2"  单页面显示滑块的数量

swiper-item 滑动的单元内容

布局

flex-direction:row 横向布局

flex-direction:column 纵向布局

弹性布局设置

  display: flex;  捆绑下一个参数使用,默认值为 flex-direction=row

  flex-direction: row;


对齐方式

 justify-content: center;  

           center 居中对齐     

space-between 居中自动间隔对齐

         

  space-around;


 纵向方向分布方式

  align-items: center; 纵向居中

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。