如何將圖像與reRestructuredText居中對齊？

Question

This post說以下指令是一種對齊圖像的方法。

.. image:: ./imgs/code.jpg 
    :width: 400px 
    :align: center 

但是，圖像不是中心對齊，而是右對齊，我看到如下生成的HTML。

<img alt="./imgs/code.jpg" class="align-center" src="./imgs/code.jpg" style="width: 400px;" /> 

它定義爲對齊中心級相反的解釋：「屬性‘’圖像的比對，相當於HTML標籤的」對齊

我甚至嘗試過使用CSS。

.. raw:: html 

    <style type="text/css"> 
     .align-center { 
     text-align: center; 
     border: 0px; 
     } 
    </style> 

而且它也不起作用。

這是怎麼回事？

Answer 1

，您是否試圖margin:0px auto;

如果這並不爲你工作，這意味着還有其他的造型導致出現此問題。

Answer 2

除了設置:align: center標誌，下面的CSS添加到您的樣式表：

img.align-center { 
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
}