Как выровнять изображение по центру с помощью reRestructuredText? - PullRequest
Новая
       27

Как выровнять изображение по центру с помощью reRestructuredText?

1 голос
/ 11 февраля 2011

В этом сообщении говорится, что следующая директива является способом выравнивания изображения. 

.. 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>

И это тоже не работает.

Что с этим не так?

Ответы [ 2 ]

0 голосов
/ 18 мая 2017

Помимо установки флага :align: center, добавьте следующий CSS в таблицу стилей: 

img.align-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
0 голосов
/ 11 февраля 2011

ты пробовал margin:0px auto;

Если это не работает для вас, это означает, что есть другие стили, вызывающие такое поведение.

...