20

Sphinxを使用して、作業中のPythonプロジェクトのドキュメントを作成しています。1x3グリッド（つまり、すべて同じ行）に表示したい3つの画像があり、reStructuredTextでこれを行う方法を理解しようとしています。今私は持っています

.. image:: _images/report_title.png

.. image:: _images/report_slide1.png

.. image:: _images/report_slide2.png

それらの周りにreSTテーブルの1つを1行で作成しようと考えましたが、それは少しばかげているように見えました。これらの画像をグリッドするにはどうすればよいですか？

4

4 に答える 4

12

width各画像のオプションを指定して（ reStructuredText画像ディレクティブのドキュメントを参照）、ページの幅の約3分の1以下にすることができます。

たとえば、試してみてください

.. 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 に答える