這篇文章將為大家詳細講解有關(guān)css中的flex-grow屬性怎么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站是專業(yè)的寬城網(wǎng)站建設(shè)公司，寬城接單;提供做網(wǎng)站、成都網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行寬城網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

定義和用法

flex-grow屬性用于設(shè)置或檢索彈性盒子的擴展比率。

注意：如果元素不是彈性盒對象的元素，則flex-grow屬性不起作用。

默認值：0

繼承：否

可動畫化：是。

版本：CSS3

JavaScript語法：

object.style.flexGrow="5"

CSS語法：

flex-grow:number|initial|inherit;

屬性值

number一個數(shù)字，規(guī)定項目將相對于其他靈活的項目進行擴展的量。默認值是0。

initial設(shè)置該屬性為它的默認值。

inherit從父元素繼承該屬性。

實例

讓第二個元素的寬度為其他元素的三倍：