scss flex布局，组件换行

在SCSS中，使用Flex布局实现组件换行通常是在项目的列（flex-direction: row wrap 或 column wrap）中应用。下面是一个基本的例子：

.container {
  display: flex;
  flex-wrap: wrap; /* 启用换行 */
  justify-content: space-between; /* 如果需要元素均匀分布 */
}

.item {
  flex-basis: calc(50% - 10px); /* 宽度占50%，减去两边的间隔，这样每个项目宽度相等并留有间距 */
  margin-bottom: 10px; /* 添加底部间距以避免堆叠 */
}

在这个例子中，`.item`将会在`.container`内按行换行，每个项目占据50%的空间，如果有剩余空间，它们会自动换到下一行。

如果你想让项目在满一列后再换行，可以将justify-content设为`flex-start`或`flex-end`：

justify-content: flex-start; /* 按照项目顺序换行 */
justify-content: flex-end; /* 按照项目顺序，最后一项放在顶部换行 */