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>
它也不起作用。
这有什么问题?
答案 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>