CSS box-flex 属性 – CSS – 前端，css浏览器选择器

定义两个可伸缩的 p 元素。如果父元素的总宽度是 300 像素，则 #p1 的宽度是 100 像素，而 #p2 的宽度是 200 像素：

#p1
{
-moz-box-flex:1.0;/*Firefox*/-webkit-box-flex:1.0;/*Safari和Chrome*/box-flex:1.0;
border:1pxsolidred;
}
#p2
{
-moz-box-flex:2.0;/*Firefox*/-webkit-box-flex:2.0;/*Safari和Chrome*/box-flex:2.0;
border:1pxsolidblue;
}

浏览器支持

目前没有浏览器支持 box-flex 属性。

Firefox 支持替代的 -moz-box-flex 属性。

Safari、Opera 以及 Chrome 支持替代的 -webkit-box-flex 属性。

定义和用法

box-flex 属性规定框的子元素是否可伸缩其尺寸。

提示：可伸缩元素能够随着框的缩小或扩大而缩写或放大。只要框中有多余的空间，可伸缩元素就会扩展来填充这些空间。

box-flex:value;