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

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个主轴平行的,那么就属于多轴了。

posted @ 2016-01-02 17:25  winenr123  阅读(3679)  评论(0编辑  收藏  举报