重构文本中的clearfix段落

Question

我有一个reStructuredText文档，我有一组图像和段落来解释它们。我希望图像左对齐，文本在它们周围流动。如果我在html中执行此操作，我只需在<div class="clearfix"></div>对之间插入<img><p></p>。在重组文本中，我有一些看起来像这样的东西：

.. image:: path/to/image.png
   :width: 200px
   :align: left

very interesting paragraph about path/to/image.png

.. image:: path/to/another/image.png
   :width: 200px
   :align: left

probably the most interesting paragraph ever about path/to/another/image.png

结果看起来像这个截图，因为它之间没有clearfix个类：

如何在reStructuredText中修复此问题？还有更好的方法吗？

Answer 1

你有什么应该使用默认的sphinx html构建。包装将根据文本大小和图像大小进行。

.. image:: path/to/image.png
   :width: 200px
   :align: left

very interesting paragraph about path/to/image.png

将产生以下结果，一个宽度为200px，另一个宽度为400px。文字换行取决于大小。

提供其他选项。如果文本占用的垂直空间少于图像，并且您想要包含“clearfix”类，则可以使用raw directive插入自定义html。

.. raw:: html

   <div class="clearfix">

.. image:: path/to/image.png
   :width: 200px
   :align: left

very interesting paragraph about path/to/image.png

.. raw:: html

   </div>