自学的菜鸟 2021-12-02 20:22 采纳率: 62.5%
浏览 724
已结题

uniapp布局怎么让子元素换行

如图,图片是v-for循环添加的,怎么让它一排只显示4个,超出后自动往下面重新开始一排

img

  • 写回答

2条回答 默认 最新

  • 国服第二切图仔 2021-12-02 21:23
    关注

    父节点用弹性盒布局然后 flex-flow:wrap 换行,子节点每一项给25%的宽度

    
      .List{
            width: 100%;
            height: 100%;
            display: flex;
            justify-items: center;
            flex-flow:wrap ;
            .item{
              width: 25%;
              height: 100px;
              cursor: pointer;
              display: flex;
              flex-flow: column;
              align-items: center;
              justify-content: center;
            }
          }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 12月10日
  • 已采纳回答 12月2日
  • 创建了问题 12月2日

悬赏问题

  • ¥20 请问这种量表怎么用spss量化分析(作为中介模型的因变量
  • ¥55 AD844 howland电流源如何驱动大额负载
  • ¥15 C++ /QT 内存权限的判断函数列举
  • ¥15 深度学习GFnet理解问题
  • ¥15 单细胞小提琴堆叠图代码
  • ¥50 升级strust2版本到2.3.15.1后使用ognl3.0.6.jar windows环境中没有问题,但部署到linux环境报错
  • ¥15 vue页面,node封装接口
  • ¥15 求TMS320F280039C工程模板!
  • ¥15 delphi+fastreport实现分组补空打印问题
  • ¥15 使用python把两台mysql数据库服务器数据导出和导入