text-align：center;不在Safari工作

Question

我有这个HTML

<section id="selection">
<a href="shop.html#shopBags"><img src="img/coverpictures/frontpage01.jpg"></a>
<a href="shop.html#shopAttachments"><img src="img/coverpictures/frontpage02.jpg"></a>
<a href="shop.html#shopAccessories"><img src="img/coverpictures/frontpage03.jpg"></a>
</section>

使用此CSS

#selection{
  text-align: -webkit-center;
  text-align: -moz-center;
  word-spacing: 4vw;
  margin: 0;
}

#selection img{
  width: 25%;
  text-align: center;
}

我希望三个链接/图像在div中居中。它在Chrome和Firefox中运行良好，但在Safari中，图片浮动正确。我该如何解决这个问题？

Answer 1

试试这个

#selection{
    display:flex;
    justify-content:center;
    }