flex
来源:互联网 发布:淘宝店怎么上传宝贝 编辑:程序博客网 时间:2024/05/29 18:37
flex-direction:row 子元素要设置width或flex;若只设width未设flex,父元素宽度不够,且默认不换行,则子元素按比例显示,子元素只被调整宽度,未设高度则填充;
flex-direction:column 同样
flex优先级高于width\height
若flex-direction:column align-items:center 才能实现左右居中
若要实现多行展示图片之类,就不能给每个图片设置flex:n;只能设置固定宽度/另一种就是flex:1 1 n%;
display:-webkit-flex
-webkit-flex-wrap //nowrap(default)/wrap/wrap-reverse
flex-direction //row(default) /row-reverse/ column /column-reverse
flex-flow //flex-direction -webkit-flex-wrap
justify-content //flex-start/flex-end/center/space-between/space-around
align-self //flex-start/flex-end/center
align-items //flex-start/flex-end/center/baseline/stretch
order //number 排序
align-content //flex-start/flex-end/center/space-between/space-around/stretch
- FLEX
- flex
- flex
- FLEX
- Flex
- Flex
- flex
- Flex
- Flex
- Flex
- Flex
- Flex
- Flex
- Flex
- flex
- Flex
- flex
- flex
- 关于Android中图片大小、内存占用与drawable文件夹关系的研究与分析
- 25个国外优秀的餐饮网站设计作品欣赏
- java修改项目名称
- Qt从零开始制作串口调试助手-(第六章、添加主界面调用子界面响应)-Creator_Ly
- jquery写拖拽
- flex
- Eclipse全局搜索
- muduo库阅读(37)——Net部分:压缩数据流ZlibOutputStream
- Spark RDD中Transformation的filter、distinct、cartesian、union详解
- Android webView 支持缩放及自适应屏幕
- mysql 中不会使用索引的几种情况
- modal出一个viewController时隐藏状态栏
- 习题3-1 得分 解题报告
- 排序算法-交换排序_快速排序