在reStructuredText的/斯芬克斯图像框格(Image grid in reStruct

2019-07-29 01:58发布

我使用的狮身人面像创建我工作的一个Python项目文档。 我有三张图片,我想在一个1×3格(即所有在同一行)来显示,而我试图找出如何在新结构化做到这一点。 现在,我有

.. image:: _images/report_title.png

.. image:: _images/report_slide1.png

.. image:: _images/report_slide2.png

我想过试图建立他们周围的垫台在一行中的一个,但似乎有点可笑。 我怎样才能电网这些图片?

Answer 1:

您可以指定width为每个图像的选项(参见reStructuredText的图像指令文件 )约为三分之一或更少的页面的宽度。

试一下,比如

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

允许的宽度(和高度)选项所讨论的长度这里 (它们基本上对应于长度单位在CSS文档)。



Answer 2:

备用答案是使用指令作为别名到图像。

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

然后用表内的别名:

 +---------+-----------+
 | |logo|  +  |logo2|  +
 +---------+-----------+


Answer 3:

对于走样,我有更好的运气:

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

+---------+---------+
| |logo1| | |logo2| |
+---------+---------+


Answer 4:

我提供了另一种参考。 如果您想将puml你可以试试

    +---------------------+----------------------+
    | .. uml:: class.puml | .. uml:: class.puml  +
    |    :scale: 100%     |     :scale: 100%     +
    +---------------------+----------------------+



文章来源: Image grid in reStructuredText / Sphinx