html - 文本对齐:居中；无法在 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 中图片 float 正确。我该如何解决这个问题？

Answer 1

试试这个

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