如何將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父元素，使它看起來中央到它的容器。