5个flex项怎么等比例排两行，第2行只显示前2个？

Question

效果图如下：像这种一行是3个，每个flex项占主轴空间是33.3333%，所以我划分了2个横向的flex容器作为上一个纵向的flex项，现在的问题就是第2行怎么实现前2个flex项的排列（如果不限定flex项的宽度的话，以为不能整除），我现在是在第2行后面加了一个空的flex项，然后用flex：1等比例放大的，但多了一个空的div，求大佬指教更好的办法。

Answer 1

<div class="row">
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div></div><style>
  .row {    width: 300px;    display: flex;    flex-wrap: wrap;    align-content: flex-start;
  }  .col{    flex: 0 0 33.333333%;    height: 80px;    box-sizing: border-box;    border: 1px solid #dcdfe6;
  }</style>