如何进行显示：flex和flex-wrap：在Safari上包装工作？

Question

我有一个能够在Chrome上很好地展示内容的网站。但是在Safari上它已经坏了。

flex无法在Safari上运行。如何解决？

.col-border {
  margin: 0;
}

.col-position,
.equal {
  display: -webkit-flex;
  display: flex;
}

.equal {
  flex-wrap: wrap;
}

<div class="col-md-4 col-position col-border">
  <div class="line-hori">
    <div class="col-border-padding">
      <div class="content-top">
        <p>Intercommunalités, le mensuel</p>
      </div>
      <div class="content-top-date">
        <p>08/09/2017</p>
      </div>
      <a href="http://www.adcf.org/intercommunalites-mensuel">
        <img src="images/publication/Images-Publications-Interco221.jpg" class="img-publication img-middle" alt="...">
      </a>
      <h5 class="title-publication">
        <a href="http://www.adcf.org/intercommunalites-mensuel" style="color:#2a5caa;">Intercommunalités 221 – Biodiversité : 
             l’indispensable action locale</a>
      </h5>
      <p class="desc-publication">
        <a href="http://www.adcf.org/intercommunalites-mensuel" style="color: #000;">L'AdCF publie chaque mois 
             Intercommunalités, une revue réalisée par. 
            </a>
      </p>
      <a href="http://www.adcf.org/intercommunalites-mensuel">
        <img class="click-detail" src="/template/adcf_v3/public/img/lire.png" alt="Lire">
      </a>
    </div>
  </div>
</div>