flex 布局下 space-between/space-around 的使用

• 在页面布局中，我们会常用到 flex 布局实现一行多列/多行多列，想要实现元素均匀排列，需要设置 justify-content: space-between 或者 justify-content: space-around （根据需要设置不同的值，space-between可以简单理解为两端对齐，space-around是每个元素左右间距一样）。

• 对于多行多列的情况，往往会出现最后一行的元素不满一行，这时候头疼的事情出现了。
  

• 为了保持页面的一致性，最后一行元素要有一个左对齐的效果。我们可以通过伪元素的方式去解决。

.stream-wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: flex-start;

        &::after {
            content: '';
            flex: auto;
        }
}