如何将div中的图像链接居中

Question

我正在尝试将图像链接置于div中，但出现了问题。

我的代码：

<div id="screenshots">
    <figure class="sreenshot">
           <a href="/img/products_screenshots/15/opportunity.png" rel="screenshots" class="fancybox"><img alt="" id="screenshot0" src="/img/products_screenshots/15/opportunity.png"></a>
           <figcaption>Карточка "Продажи"</figcaption>
    </figure>
</div>

图片的每个块应该是哪个样式到class="sreenshot"的中间？ 现在它看起来像Screencast

Answer 1

无法看到您的代码，只要您的链接和图片设置为display: inline;，您就应该能够在父元素上使用text-align: center使其显示在其容器的中心位置。