CSS属性をフレックス成長とは?

CSS属性をフレックス成長2024 年の最新の入門チュートリアル。このコースでは例,ブラウザのサポート,定義と使用法,CSSの構文,プロパティ値,関連記事, について学習できます。

CSS属性をフレックス成長

2番目の要素は他の要素の幅の3倍であるように：

div:nth-of-type(1) {flex-grow: 1;}
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}

表中の数字は、プロパティバージョン番号をサポートする最初のブラウザを表します。

すぐにprefixプロパティをサポートする最初のバージョンの後にデジタル-webkit-、-ms-または-moz-を以下に示します。

プロパティ
フレックスグロー	29.0 21.0 -webkit-	11.0 10.0 -ms-	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

フレックス成長属性が設定または柔軟ポーチ拡大率を取得するために使用されます。。

注：要素が弾性要素ボックスオブジェクトでない場合は、フレックス成長プロパティは動作しません。

デフォルト：	0
継承：	いいえ
アニメーション化することができます。	はい。参照してくださいアニメーションに（アニメーション）。試します
バージョン：	CSS3
JavaScriptシンタックス：	オブジェクト.style.flexGrow = "5"してみてください

flex-grow:number|initial|inherit;

值	描述
number	一个数字，规定项目将相对于其他灵活的项目进行扩展的量。默认值是 0。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。