# CSS3 box-flex 屬性 ## 實例 定義兩個可伸縮的 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:1px solid red; } #p2 { -moz-box-flex:2.0; /* Firefox */ -webkit-box-flex:2.0; /* Safari 和 Chrome */ box-flex:2.0; border:1px solid blue; } ``` ## 瀏覽器支持 目前沒有瀏覽器支持 box-flex 屬性。 Firefox 支持替代的 -moz-box-flex 屬性。 Safari、Opera 以及 Chrome 支持替代的 -webkit-box-flex 屬性。 ## 定義和用法 box-flex 屬性規定框的子元素是否可伸縮其尺寸。 提示：可伸縮元素能夠隨著框的縮小或擴大而縮寫或放大。只要框中有多余的空間，可伸縮元素就會擴展來填充這些空間。 | 默認值： | 0.0（指示該元素不可伸縮） | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.boxFlex=2.0 | | --- | --- | ## 語法 ``` box-flex: _value_; ``` | 值 | 描述 | | --- | --- | | _value_ | 元素的可伸縮行。柔性是相對的，例如 box-flex 為 2 的子元素兩倍于 box-flex 為 1 的子元素。 |