uni-app flex布局自动换行

在uni-app中，可以使用flex布局来实现自动换行。你可以通过设置父容器的flex-wrap属性为wrap来实现自动换行。下面是一个示例代码：

<template>
  <view class="container">
    <view class="item">Item 1</view>
    <view class="item">Item 2</view>
    <view class="item">Item 3</view>
    <view class="item">Item 4</view>
    <view class="item">Item 5</view>
    <view class="item">Item 6</view>
    <view class="item">Item 7</view>
    <view class="item">Item 8</view>
  </view>
</template>

<style>
.container {
  display: flex;
  flex-wrap: wrap;
}

.item {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin: 10px;
}
</style>

在上面的代码中，父容器的class为container，设置了display为flex和flex-wrap为wrap。子元素的class为item，设置了固定的宽度和高度，并设置了一定的margin值。当容器宽度不足以容纳所有子元素时，子元素会自动换行显示。

你可以根据自己的需求来调整容器和子元素的样式，以达到你想要的效果。希望对你有帮助！