微信小程序 弹性盒模型（多栏多列）布局 知识点，麻烦收藏

阅读更多

flex-flow: row / column

1. display:flex 多栏多列布局 http://www.360doc.com/content/14/0811/01/2633_400926000.shtml

2. 浅谈CSS3中display属性 http://www.cnblogs.com/xuyuntao/articles/6391728.html

 

justify-content

 1 .box { 2 justify-content: flex-start | flex-end | center | space-between | space-around; 3 } 

项目在主轴上的对齐方式(主轴究竟是哪个轴要看属性flex-direction的设置了)

flex-start：在主轴上由左或者上开始排列

flex-end：在主轴上由右或者下开始排列

center：在主轴上居中排列

space-between：在主轴上左右两端或者上下两端开始排列

space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。