如图,图片是v-for循环添加的,怎么让它一排只显示4个,超出后自动往下面重新开始一排
2条回答 默认 最新
- 言程序plus 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; } }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 2无用 1
悬赏问题
- ¥15 用verilog实现tanh函数和softplus函数
- ¥15 Hadoop集群部署启动Hadoop时碰到问题
- ¥15 求京东批量付款能替代天诚
- ¥15 slaris 系统断电后,重新开机后一直自动重启
- ¥15 QTableWidget重绘程序崩溃
- ¥15 谁能帮我看看这拒稿理由啥意思啊阿啊
- ¥15 关于vue2中methods使用call修改this指向的问题
- ¥15 idea自动补全键位冲突
- ¥15 请教一下写代码,代码好难
- ¥15 iis10中如何阻止别人网站重定向到我的网站