イメージを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;" /> 

これは説明にALIGN-中心クラス反するように定義されています：「属性を 『整列』 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; 
}