CSSフレックス流動特性とは?

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

CSSフレックス流動特性

逆の順序で弾性要素カートリッジように、必要なときにラインを分割しました。

display:flex;
flex-flow:row-reverse wrap;

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

すぐに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

フレックス流動性がフレックス方向性と複合特性をフレックスは、ラップされています。

サブ要素の配置フレックス流動性は、柔軟ポーチモデルオブジェクトを設定または取得するために使用されます。

フレックス方向属性は、柔軟なプロジェクトの方向を指定します。

フレックスラップ属性は、柔軟なプロジェクトが分割行または列の分割であることを指定します。

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

デフォルト：	行nowrapを
継承：	いいえ
アニメーション化することができます。	NO。参照してくださいアニメーションに（アニメーション）。
バージョン：	CSS3
JavaScriptシンタックス：	.style.flexFlow = "列のnowrap属性を「オブジェクトしよう

flex-flow:flex-directionflex-wrap |initial|inherit;

值	描述
flex-direction	可能的值： row row-reverse column column-reverse initial inherit 默认值是 "row"。规定灵活项目的方向。
flex-wrap	可能的值： nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。规定灵活项目是否拆行或拆列。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。