小程序开发 | 有没有什么办法让多个item显示在同一行，同时一行不够时自动换行？ - WXOPEN Club

display：flex实现了显示在同一行，但是效果是这样的。

diplay:flex;flex-wrap:wrap;

jieqin 2楼•4 年前

flex-wrap: wrap;

gang50 3楼•4 年前

<view class="test">
    <view class="cell"> 101 view>
    <view class="cell"> 115 view>
    <view class="cell"> 115夜班 view>
    <view class="cell"> 115 view>
    <view class="cell"> 115夜班 view>
    <view class="cell"> 115 view>
    <view class="cell"> 115 view>
    <view class="cell"> 115 view>
view>

.test {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.test .cell {
    margin: 20rpx;
}

zhuyong 4楼•3 年前

flex-wrap: wrap;