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

发布于 7 年前作者 qiang013206 次浏览最后编辑 7 年前来自 issues

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

4 回复
yongqin
yongqin1 楼5 年前
diplay:flex;flex-wrap:wrap;
jieqin
jieqin2 楼5 年前

flex-wrap: wrap;

gang50
gang503 楼5 年前
<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
zhuyong4 楼5 年前

flex-wrap: wrap;