flex 换行换行，没有间隙

本文转载自查看原文 2020-06-28 15:25 1155 css和html

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

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

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

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 flex布局--可滑动-换行 flex 设置换行flex-wrap flex 设置换行flex-wrap 03-flex-wrap是否换行 flex等份布局实现自动换行 flex 布局列表自动换行 flex中实现自动换行【flex布局】实现可换行的平均分布 Echarts 环形图每项之间有间隙 div之间有间隙以及img和div之间有间隙的原因及解决方法