align-contentが効かないのはflex-directionのせい？ Publish Date: 2019.01.17 display: flexは便利でもうfloatとclearfixには戻れない感じです。そんな便利なflexですが、先日Twitterでalign-contentが効かないという話がありましたので、その原因と仕組みについて解説します。 やりたいこと 実現したいのは、縦方向に均等に配置したい以下のような感じです。 デモはこちら ダメな例 .wrapper { display: flex; flex-direction: column; align-content: space-between; flex-wrap: wrap; } flexを使って配置し、今回は縦方向に均等に並べたいのでflex-directionをcolumnにし、align-content: s