如何使图像与restructuredText对齐?

时间:2011-02-10 22:37:25

标签: html css alignment restructuredtext

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>

它也不起作用。

这有什么问题?

4 个答案:

答案 0 :(得分:3)

根据此站点:docutils 您可以使用如下所示的特定指令:

.. image:: picture.jpeg
   :align: center

答案 1 :(得分:0)

你试过margin:0px auto;

吗?

如果这对您不起作用,则表示还有其他样式导致此行为。

答案 2 :(得分:0)

除了设置:align: center标志外,还要将以下CSS添加到样式表中:

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

答案 3 :(得分:0)

使用以下技巧在中心对齐图像

.. raw:: html
   <h1 align="center">
   <a href="your href link"><img width="200" src="image link" alt="text"></a>
   </h1>