css3 flex
2016-07-29 16:52
417 查看
//让第二个元素的宽度为其他元素的三倍: div:nth-of-type(1) {flex-grow: 1;} div:nth-of-type(2) {flex-grow: 3;} div:nth-of-type(3) {flex-grow: 1;}
//让第二个元素收缩到其他元素的三分之一: div:nth-of-type(2) {flex-shrink: 3;}
//设置第二个弹性盒元素的初始长度为 80 像素: div:nth-of-type(2) {flex-basis: 80px;}
相关文章推荐
- css - ime-mode属性
- CSS div水平垂直居中和div置于底部
- CSS 原理理解
- CSS3制作的照片墙
- 纯CSS实现Tab切换 以及 CSS+JS实现Tab切换
- 原生js与css3结合的电风扇
- HTML 和 Body 在 CSS 中的区别
- Textview设置不同样式
- Html与CSS快速入门04-进阶应用
- css颜色大全
- css3动画制作扇形导航
- css中position属性(absolute|relative|static|fixed)概述及应用
- css3妙用 刷新图标
- 一张图学懂css+div 浮动分块
- jq在某个样式中删除某一条样式 强制移除样式
- css 过度
- JS 样式操作学习总结。
- css 2D 转换
- css基础
- css 导航栏