2012-04-18 15 views
13

Estoy usando Sphinx para crear documentación para un proyecto de Python en el que estoy trabajando. Tengo tres imágenes que me gustaría mostrar en una cuadrícula de 1x3 (es decir, todas en la misma línea), y estoy tratando de encontrar la forma de hacerlo en reStructuredText. Ahora mismo tengoRejilla de imagen en reStructuredText/Sphinx

.. image:: _images/report_title.png 

.. image:: _images/report_slide1.png 

.. image:: _images/report_slide2.png 

pensé en tratar de construir una de las mesas descansar alrededor de ellos en una sola línea, pero que parecía un poco ridículo. ¿Cómo puedo cuadricular estas imágenes?

Respuesta

8

Puede especificar que la opción width para cada una de sus imágenes (vea reStructuredText image directive documentation) sea aproximadamente un tercio o menos del ancho de la página.

intento, por ejemplo

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

Las longitudes permitido en la anchura (y altura) opciones se discuten here (que esencialmente corresponden a las unidades de longitud en CSS documentos).

+0

Gracias Chris. Esta fue mi solución, pero es realmente sorprendente que no parece haber un camino para las imágenes de cuadrícula en reST, es una característica básica. – jeremiahbuddha

+1

Esto es exactamente lo mismo que harías en HTML o LaTeX ¿no? En este caso, tiene perfecto sentido que esta es la manera de hacerlo y significa que no hay una receta más para aprender. – Chris

8

La respuesta alternativa es usar directivas como alias para la imagen.

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

A continuación, utilice el alias dentro de una tabla:

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

Intenté esto pero parece que no funciona, se representa como hipervínculo y no como imagen. – sorin

+2

Publica tu violín? –

5

Para el aliasing, que tuvieron mejor suerte con:

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

+---------+---------+ 
| |logo1| | |logo2| | 
+---------+---------+ 
Cuestiones relacionadas