Flex-box 学习
2015-07-10 00:41
288 查看
See the Pen NqMwBN by Leo (@MrLeo) on CodePen.
.icons{ /*flex-box布局,子元素可以按需缩放*/ display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box; /*flex-box布局,子元素可以按需缩放*/ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; /*row表示横向排列,wrap表示可以多行显示*/ -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; -o-flex-flow:row wrap; flex-flow:row wrap; } .icons .ico{ /*flex:1;兼容旧版flex的形式*/ -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; -o-box-flex:1; box-flex:1; /*flex:auto;自适应*/ -webkit-flex:1 0 auto; -moz-flex:1 0 auto; -ms-flex:1 0 auto; -o-flex:1 0 auto; flex:1 0 auto; }
相关文章推荐
- Comparing replay, replayLast, and replayLazily
- Microsoft Sync Framework下的快速开发同步程序
- 20150709
- java九大内置对象
- USB Packet Types
- ObjectStreamDemo
- SSH使用密钥登录并禁止口令登录实践
- Android.mk 详解剖析
- CSS3 小技巧/注意事项
- 14_Android中Service的使用,关于广播接收者的说明
- python os.exec*()家族函数的用法
- 14_Android中Service的使用,关于广播接收者的说明
- Qt中QStack简单应用
- unix命令
- servlet知识点
- cocoaPads 安装及出现Analyzing dependencies之后卡死解决方案
- UVA - 10891 Game of Sum(记忆化搜索 区间dp)
- Laravel学习
- 面试经验
- poj3259 bellman——ford Wormholes解绝负权问题