请你说说用flex实现九宫格讲思路-笔试面试资料

• 容器的主轴为垂直方向，内有三个子元素。每个子元素的flex-grow都为1。这样在水平方向上子元素会被拉伸占满整个容器的宽度，在垂直方向上三个子元素均分容器的高度。这样将容器先分为了三行。
• 将每一行都设为弹性容器，每行也有三个子元素。每个子元素的flex-grow都为1。这样在水平方向上三个子元素均分每一行的宽度，在垂直方向子元素会占满每一行的高度。这样就实现了九宫格

  <div class="container">       <div class="row">           <div class="item">item</div>           <div class="item">item</div>           <div class="item">item</div>       </div>       <div class="row">           <div class="item">item</div>           <div class="item">item</div>           <div class="item">item</div>       </div>       <div class="row">           <div class="item">item</div>           <div class="item">item</div>           <div class="item">item</div>       </div>   </div>

    .container {         display: flex;         flex-flow: column nowrap;         width: 100vw;         height: 100vh;     }     .row {         flex: 1 1 auto;         display: flex;     }     .item {         box-sizing: border-box;         flex: 1 1 auto;         border: 1px solid #000;     }