在 flex 容器里如果排不开它里面的项目，可以选择换行或者不换行。这里我们再复制几份 flex 项目，现在 flex 容器已经装不下它里面的项目了，默认这些项目会溢出这个 flex 容器。

这里我们可以在 flex 容器的上面用一个 tailwind 提供的 flex-wrap 这个类，这会把 flex-wrap 这个属性的值设置成 wrap，意思就是换行显示排不开的 flex 项目。

再调整一下 flex 的方向，改成 flex-col，观察一下 flex 项目的换行。 把 flex 方向设置成 column 以后，主轴是垂直方向的，项目会沿着主轴垂直排列，第一列排不开，就会在新的一列继续排列 flex 项目。