小程序开发 | 有没有什么办法让多个item显示在同一行,同时一行不够时自动换行?
发布于 6 年前 作者 qiang01 3080 次浏览 来自 官方Issues

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

4 回复
diplay:flex;flex-wrap:wrap;

flex-wrap: wrap;

<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;
}

flex-wrap: wrap;

回到顶部