css3 flex弹性布局

//让第二个元素的宽度为其他元素的三倍：
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;}