码迷,mamicode.com
首页 > 其他好文 > 详细

flex align-content中的描述的“多根轴线的对齐方式”中的“多根轴线”到底是什么

时间:2016-01-02 18:31:11      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:

flex 有两条轴线,根据flex-flow 设置的来判断的,水平为主轴的话,那么值为row,垂直为主轴的话那么为column;

其中设置align-items 和 align-content都是来设置交叉轴的。

这2个属性设置参数互不影响。

align-items :在单根轴线和多根都有效,这轴线我理解为是主轴。

align-cotennt:在多根轴线有效的时候设置有效,假如align-items和 content都设置了不同的值,那么align-content的值永远被优先使用,无论声明顺序。

 

多轴我的理解为:flex-flow 中有一个属性,nowrap 和 wrap 这表示当主轴一次性不能排下这么多元素的时候,采取的排序方法,wrap的意思就是一行排不下了,换到下一行来展示,如果下一行还是展示不下,就再换到下一行。

如果flex-flow设置为row的话,采用wrap方法展示了3行。那么就有3个主轴平行的,那么就属于多轴了。

flex align-content中的描述的“多根轴线的对齐方式”中的“多根轴线”到底是什么

标签:

原文地址:http://www.cnblogs.com/strangerqt/p/5094968.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!