摘要：
问题描述：当使用灵活布局时，当设置调整内容：间隔时，您将遇到列表的最后一行未对齐；不要使用弹性换行：换行每个列表的边距值，一行中的最后一个列表将永远不会对齐（如屏幕截图）。最外面的盒子：1200px；384px的卡；第一张和第二张卡片需要添加右边距：20px。卡片盒｛1200px；display:flex；flex wrap：wrap；.卡片｛background color:#fff；384px；&：不是｛margin-right:calc；//1200-3*384=48｝｝｝
先贴出鑫大神的文章：https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/
这里记录下自己使用其中第一种方法时的用法和思路详解。
问题说明：
用 flex 布局时，当设置 justify-content: space-between 时，会遇到最后一行列表没有对齐（文章里说的那种情况）；不使用 flex-wrap: wrap 每个列表的 margin 值又会使得一行内最后一个列表始终不能对齐（如截图）
最外层 box： 1200px ; 一个 card 的 384px; 需要给第1，2 个 card 加上 margin-right: 20px
.card-box {
1200px;
display: flex;
flex-wrap: wrap;
.card {
background-color: #fff;
384px;
&:not(:nth-child(3n)) {
margin-right: calc(48px / 2); // 1200 - 3*384 = 48
}
}
}
