flex布局采用space两端布局，但是最后一行如何让他左对齐

August_ccc�

于 2019-08-21 12:18:39 发布

阅读量1.9k

点赞数 1

分类专栏： css 文章标签： css flex

本文链接：https://blog.youkuaiyun.com/weixin_44416019/article/details/99950957

版权

css 专栏收录该内容

6 篇文章

订阅专栏

效果：
在这里插入图片描述

.baby-list {
  width: 100%;
  display: flex;
  padding: 0 28rpx;
  justify-content: space-between;
  flex-wrap: wrap;
}
/* 添加伪类，使最后一行左对齐 */
.activity-list:after {
  content: "";
  /*这个宽度和子元素宽度一致*/
  width: 332rpx;
  height: 0;
  display: block;
}