如何将div中的图像链接居中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父元素，使它看起来中央到它的容器。