css3 flex

来源:互联网 发布:苹果电脑编程 编辑:程序博客网 时间:2024/05/10 19:39
//让第二个元素的宽度为其他元素的三倍: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;}

0 0