2012-04-18 11 views
13

Tôi đang sử dụng Nhân sư để tạo tài liệu cho dự án Python mà tôi đang làm việc. Tôi có ba hình ảnh tôi muốn hiển thị trong một lưới 1x3 (nghĩa là tất cả trên cùng một dòng), và tôi đang cố gắng tìm ra cách để làm điều này trong reStructuredText. Ngay bây giờ tôi cóLưới hình ảnh trong reStructuredText/Sphinx

.. image:: _images/report_title.png 

.. image:: _images/report_slide1.png 

.. image:: _images/report_slide2.png 

Tôi nghĩ về cố gắng xây dựng một trong các bảng còn lại xung quanh họ trên một dòng duy nhất, nhưng điều đó dường như một chút lố bịch. Làm thế nào tôi có thể lưới những hình ảnh này?

Trả lời

8

Bạn có thể chỉ định tùy chọn width cho mỗi hình ảnh của bạn (xem reStructuredText image directive documentation) để có khoảng một phần ba hoặc ít hơn chiều rộng của trang.

Hãy thử, ví dụ

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

Chiều dài phép vào chiều rộng (và chiều cao) tùy chọn sẽ được thảo luận here (họ về cơ bản tương ứng với các đơn vị chiều dài trong CSS tài liệu).

+0

Cảm ơn Chris. Đây là cách giải quyết của tôi, nhưng nó thực sự đáng ngạc nhiên rằng có vẻ không phải là một cách để lưới hình ảnh trong reST, nó là một tính năng cơ bản. – jeremiahbuddha

+1

Điều này chính xác giống như những gì bạn sẽ làm trong HTML hoặc LaTeX phải không? Trong trường hợp này, nó có ý nghĩa hoàn hảo rằng đây là cách để làm điều đó và có nghĩa là không có thêm một công thức đánh dấu để tìm hiểu. – Chris

8

Câu trả lời thay thế là sử dụng chỉ thị làm bí danh cho hình ảnh.

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

Sau đó, sử dụng bí danh bên trong một bảng:

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

Đã thử cách này nhưng có vẻ không hoạt động, hiển thị dưới dạng siêu kết nối chứ không phải dưới dạng hình ảnh. – sorin

+2

Đăng câu đố của bạn? –

5

Đối với các răng cưa, tôi đã may mắn hơn với:

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

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