如何处理flex布局的最后一行元素宽度问题

今天来和大家聊一个有意思的flex布局问题。

注：源码可以参考我在codepen做的demoflex

---

问题来源

问题是这样的，我有一个list，期望做成一个flex的wrap布局。

每个item项有一个最小宽度，随着窗口的拉伸，item宽度会增加，并且占满容器空间。

当窗口宽度增加到一定程度，会触发wrap的布局，每一行会多排列一个item。

代码如下

<div class="app-list">
    <div class="app-block"></div>
    <div class="app-block"></div>
    <div class="app-block"></div>
    <div class="app-block"></div>
    <div class="app-block"></div>
    <div class="app-block"></div>
    <div class="app-block"></div