源代码如下图
运行结果：
align-items和align-content的区别是什么，为什么行间会有间距？
flex布局中换行时，行与行之间为什么存在间隙
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
前端-海鸟 2021-08-23 17:58关注你这个默认的margin和padding都没有去掉
看看阮一峰的讲解清晰易懂： Flex 布局教程：语法篇 - 阮一峰的网络日志 https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html解决 无用评论 打赏举报 分享
- 2024-05-23 19:29杨半仙儿还未成仙儿的博客 是 CSS3 引入的一个非常强大的布局系统，允许你以二维网格的形式布局内容。这种布局模型在设计和构建复杂的网页布局时非常有用，因为它提供了对行和列的完全控制。以下是关于。
- 2024-10-10 09:43微臣酒驾来迟的博客 参考ui图，一行固定只放2个，超出则换行，具体思路使用calc实现。css代码--scss示例。
- 2022-04-24 11:56qq_51538602的博客 display: flex; flex-wrap: wrap; 再加上一句 align-content: flex-start；
- 2022-11-21 18:12satuo@的博客 flex布局强制换行（flex-wrap）之后，去掉最下面一层多余的间隙。
- 2024-05-24 17:57miss补的博客 如图：要实现这种布局方法：方法三。
- 2023-01-05 10:49Rain羽的博客 flex布局换行的时候行与行间距缝隙过大解决方法
- 2022-03-18 14:37sustyle的博客 给flex item设置margin-bottom:10px 然后再给flex对象设置设置margin-bottom：-10px,抵消最后一行的margin-bottom值。
- 2022-05-11 15:20念念ovo的博客 以一行显示4个为例
- 2022-08-17 11:53myyunworld的博客 flex布局: 一行显示固定个数，换行展示
- 2022-08-31 17:04m0_49471668的博客 2. 子元素通过 min-width规定，最小宽度，这样盒子就不能一直弹性的缩小下去了，就会产生换行的效果，记得...1. 父元素设置flex布局，宽度100% ，并允许换行。小程序移动端项目，布局为每行两个元素，每列无限制。...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 1月31日-
创建了问题
8月23日