//AdSenseにリンク

flex-flowでまとめて省略記述できるがflexboxの値が初期値に戻る

flex-flowでまとめて記述例

flex-direction: column;
flex-wrap: wrap;

上記を下記のようにまとめることができる

flex-flow: column wrap;

ショートハンドプロパティーという。

注意点!flexboxの値が初期値になる

指定した以外のflexboxの値が初期値にリセットされてしまう。

flex-wrap: wrap;
flex-flow: column ;

この場合、一行上で設定されているflex-wrapの設定は初期値の「nowrap」になってしまう!

flex-flowを使う時は指定以外のflexboxの値が全て初期値に戻るので注意しよう!