flex布局一行三个，显示多行

效果：

代码

 <div class="co-middle">
      <div class="img-btn">
        <img src="../../../assets/images/ml5DisSelect/blueBtn.png" alt="" />
        <div class="img-title oneBtn">Pre Task Dispatchdiv>
      div>
      <div class="img-btn">
        <img src="../../../assets/images/ml5DisSelect/qBlueBtn.png" alt="" />
        <div class="img-title twoBtn">Line Prep DispatchHdiv>
      div>
      <div class="img-btn">
        <img src="../../../assets/images/ml5DisSelect/poBtn.png" alt="" />
        <div class="img-title threeBtn">Outside Shelf Dispatchdiv>
      div>
      <div class="img-btn">
        <img src="../../../assets/images/ml5DisSelect/greenBtn.png" alt="" />
        <div class="img-title fourBtn">Warehouse Dispatchdiv>
      div>

      <div class="img-btn">
        <img src="../../../assets/images/ml5DisSelect/sBlueBtn.png" alt="" />
        <div class="img-title fiveBtn">NPI Dispatchdiv>
      div>
    div>
    
    <style>
        .co-middle {
         display: flex;
         flex-wrap: wrap
         clear: both;
         margin: 25px;
         ;
}
        .img-btn {
          margin-bottom: 20px;
          width: 33.33%;
}
    style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37