vue flex 布局实现div均分自动换行

                                   vue flex 布局实现div均分自动换行

    许久没有更新了，今天才意外发现以前还是没有看懂盒模型，今天才算看懂了，首先我们今天来看一下想要实现的效果是什么?当然适配是必须的，1920 或者 1376都测试过。效果如图所选中区域所示：

 一、关于flex布局我建议去看一下http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html这篇博客，我们主要用到flex布局的一个换行属性，它是flex-wrap: wrap，自动换行。

二、vue代码

（1）html部分：

<div class="home-card">
      <div class="home-item" v-for="n in 7" :key="n">
        <