例
列の柔軟な項目の表示、および無ラッピングを行います。
document.getElementById("main").style.flexFlow = "column nowrap"; »それを自分で試してみてください 定義と使用法
flexFlowプロパティはflexDirectionとflexWrapプロパティの短縮形プロパティです。
flexDirectionプロパティは、フレキシブルアイテムの方向を特定します。
flexWrapプロパティは、柔軟なアイテムがラップすべきか否かを指定します。
Note:要素が柔軟アイテムでない場合、flexFlowプロパティは効果がありません。
ブラウザのサポート
flexFlowプロパティは、IE10 +、Firefoxの、オペラ座、Chromeでサポートされています。
注意：Safariは6.1以降の代替、WebkitFlexFlowプロパティをサポートしています。
構文
flexFlowプロパティを返します：
object .style.flexFlow flexFlowプロパティを設定します。
object .style.flexFlow=" プロパティ値 値 説明 flex-direction 可能な値：
行
行逆
カラム
列の逆
初期
受け継ぎます デフォルト値は"row" 。
フレキシブルアイテムの方向を特定します
flex-wrap 可能な値：
NOWRAP
ラップ
ラップ逆
初期
受け継ぎます デフォルト値は"nowrap" 。
柔軟なアイテムがラップすべきか否かを指定します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値： 行NOWRAP 戻り値： 要素のフレックス流動性を表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス： flex-flow property
HTML DOM STYLE参考： flex property
HTML DOMのスタイル参照： flexBasis property
HTML DOM STYLE参考： flexDirection property
HTML DOMのスタイル参照： flexGrow property
HTML DOMのスタイル参照： flexShrink property
HTML DOMのスタイル参照： flexWrap property
<スタイルオブジェクト