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

Question

效果图如下：

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

Answer 1

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