2017.10.10 - Tweet

firefoxでflexboxの中央揃えが効かない

 

flex-wrapがwrapだと縦方向の位置指定(align-item)でcenterやbottomが効かない。

解決策:flex-wrapをunwrapにする。

OK
flex-wrapがunwrapの場合
サンプル

NG
flex-wrapがwrapの場合 Firefoxで見ると問題がある
サンプル

 

コメントを残す