.main {
    width:900px;
    height: 600px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
  }

flex 换行换行,没有间隙

align-content: flex-start; 是让子元素之间取消空白间隙,并把项目放在容器顶部

如果不加 align-content: flex-start;是这样的效果

flex 换行换行,没有间隙

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-25
  • 2022-12-23
  • 2022-12-23
  • 2022-02-07
  • 2022-01-27
猜你喜欢
  • 2022-02-27
  • 2022-12-23
  • 2021-11-11
  • 2021-05-30
  • 2022-01-22
  • 2021-07-11
相关资源
相似解决方案