文本对齐：居中；无法在 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;
}

我希望三个 links/images 位于 div 的中心。它在 Chrome 和 Firefox 中工作正常，但在 Safari 中图片浮动正确。我该如何解决这个问题？

Answer 1

试试这个

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

文本对齐：居中；无法在 Safari 中工作

text-align: center; not working in Safari

html

css

safari

text-align