css-flex实现 gutter between align to grid

css 实现 flex 布局下,带间隔 between 最后一行自动对齐表格

目标效果:
Jx524S.md.png

<div class="commentBrands">
  <img src="" alt="" />
</div>
.commentBrands {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 -0.08rem;
  &:after {
    content: "";
    flex: auto;
  }
  > img {
    width: calc(100% / 6);
    padding: 0 0.08rem;
  }
}

   转载规则


《css-flex实现 gutter between align to grid》 Bryan Who 采用 知识共享署名 4.0 国际许可协议 进行许可。
 上一篇
js-跨越请求jsonp js-跨越请求jsonp
const jsonp = (url) => { if (!url) { console.error("Axios.JSONP 至少需要一个url参数!"); return; } return new Promi
2020-01-09
下一篇 
webpack-多入口多出口打包 webpack-多入口多出口打包
需求背景某天老板看到了京东商城不一样的二级域名,但是他们的 UI 风格和某些页面块是完全一致的。也要这样,项目代码根据业务构建目录,用同一个 package.json,打包 3 个二级目录。。。OK. 同时有两个硬核需求: 项目越来越多,维
2020-01-03
  目录