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の値が全て初期値に戻るので注意しよう!
ディスカッション
コメント一覧
まだ、コメントがありません