Flexアイテムの折り返す方法を変更する場合は、flex-wrapプロパティ(旧仕様ではbox-linesプロパティ)を使用します。 Flexアイテムは、通常Flexアイテムの合計幅がFlexコンテナーの幅を超えると、Flexアイテムの幅は自動的に縮小していきます(flex-growに応じて縮小の仕方は異なる)が、flex-wrapプロパティを設定することで、折り返すようになります。 flex-wrapはflex-directionの指定によって折り返す方向が変わります。 なお、flex-wrapプロパティはショートハンドであるflex-flowプロパティの2番目の指定にあたります。 構文
![CSS3によるFlexアイテムの折り返し | CSS3逆引き | Webサイト制作支援 | ShanaBrian Website](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b858bea6a098f079db2c84e97691f59bf5003a4/height=288;version=1;width=512/https%3A%2F%2Fshanabrian.com%2Fcommon%2Fimg%2Fog_logo.png)