ホームページ > 記事 > ウェブフロントエンド > Flexible フレキシブル ボックス モデルの CSS flex-flow プロパティの詳細な説明
フレックスボックスの要素を逆の順序で表示し、必要に応じて分割します:
display:flex ;
-フロー:行-逆ラップ;
効果プレビュー
ブラウザサポートは、この属性をサポートする最初のブラウザのバージョン番号を表します。 -webkit-、-ms-、または -moz- の直後の数字は、このプレフィックス属性をサポートする最初のバージョンです。
29.0 | 21.0 -webkit-
11. | 10.0 -ms-
28.0 | 18.0 -moz- 9.0 | 6.1 -ウェブキット-
17.0 |
デフォルト: | row nowrap |
---|---|
継承: | いいえ |
アニメーション化可能: いいえ。 SS3 アニメーションのプロパティ、 | CSS3 アニメーションの例を参照してください。 |
CSS3 | |
構文: | object.style.flexFlow="column nowrap" 効果プレビュー |
value | 説明 |
---|---|
flex-方向 | 可能な値: row row-reverse column column-reverse initial inherit デフォルト値は「row」です。 柔軟なプロジェクトの方向性を指定します。 |
flex-wrap | 可能な値: nowrap wrap wrap-reverse initial inherit デフォルト値は「nowrap」です。 フレキシブル項目を行または列に分割するかどうかを指定します。 |
initial | このプロパティをデフォルト値に設定します。 初期を参照してください。 |
inherit | この属性を親要素から継承します。 継承を参照してください。 |
以上がFlexible フレキシブル ボックス モデルの CSS flex-flow プロパティの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。