4

この投稿では、次のディレクティブが画像を整列させる方法であると述べています。

.. 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タグの「align」属性に相当する画像の配置」という説明とは逆に、align-centerクラスとして定義されています。

私もCSSを持ってみました。

.. raw:: html

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

そして、それも機能しません。

これの何が問題になっていますか？

4

4 に答える 4

1

フラグを設定するだけでなく:align: center、次の CSS をスタイルシートに追加します。

img.align-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
于 2017-05-18T06:15:17.297 に答える
0

試しましたか margin:0px auto;

これがうまくいかない場合は、この動作の原因となっている他のスタイリングがあることを意味します。

于 2011-02-10T22:42:25.990 に答える