如何将图像与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; 
}