flex align-content中的描述的“多根轴线的对齐方式”中的“多根轴线”到底是什么
2016-01-02 17:25
316 查看
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个主轴平行的,那么就属于多轴了。
其中设置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个主轴平行的,那么就属于多轴了。
相关文章推荐
- 【LWJGL2 WIKI】翻译文章目录
- 视频数字水印总结
- iOS学习一_Xcode初体验
- MVC & MVVM
- 杭电1728 逃离迷宫(bfs过)
- 新的一年,新的目标
- oracle中游标,函数,过程的例子
- CALayer - 9
- python入门笔记(1)
- java在linux上创建文件/文件夹
- Bootstrap图片
- javaMail的实现
- SSH答疑解惑系列(一)——spring容器是如何启动的
- HDU4876ZCC loves cards(多校题)
- 164,将.plist文件中的数据加载到程序中
- IOS VLC 播放器 开发 滑动快进和后退
- 省市选择
- Generative Learning algorithms
- Django之 创建第一个站点
- bzoj2780 广义后缀自动机+parent树+Dfs序+树状数组