20

我正在使用 Sphinx 为我正在处理的 Python 项目创建文档。我想在 1x3 网格中显示三张图像（即全部在同一行），我试图弄清楚如何在 reStructuredText 中执行此操作。现在我有

.. image:: _images/report_title.png

.. image:: _images/report_slide1.png

.. image:: _images/report_slide2.png

我曾想过尝试在一行中围绕它们构建一个 reST 表，但这似乎有点荒谬。如何网格化这些图像？

4

4 回答 4

12

您可以将width每个图像的选项（请参阅reStructuredText 图像指令文档）指定为页面宽度的大约三分之一或更小。

试试，例如

.. image:: _images/report_title.png
   :width: 30%
.. image:: _images/report_slide1.png
   :width: 30%
.. image:: _images/report_slide2.png
   :width: 30%

这里讨论了宽度（和高度）选项中允许的长度（它们基本上对应于CSS文档中的长度单位）。

于 2012-04-19T13:43:46.867 回答
10

另一个答案是使用指令作为图像的别名。

.. |logo| image:: ../iamges/wiki_logo_openalea.png
   :width: 20pt
   :height: 20pt

然后在表中使用别名：

 +---------+-----------+
 | |logo|  +  |logo2|  +
 +---------+-----------+
于 2015-02-09T18:52:48.767 回答
8

对于混叠，我有更好的运气：

.. |logo1| image:: logo1.png    
   :scale: 100%
   :align: middle
.. |logo2| image:: logo2.png
   :scale: 50%
   :align: top

+---------+---------+
| |logo1| | |logo2| |
+---------+---------+
于 2015-05-27T07:49:42.570 回答
0

我提供另一个参考。如果你想放置puml你可以试试

    +---------------------+----------------------+
    | .. uml:: class.puml | .. uml:: class.puml  +
    |    :scale: 100%     |     :scale: 100%     +
    +---------------------+----------------------+
于 2019-03-11T02:34:27.820 回答