重组文本中的 clearfix 段落

Question

我有一个 reStructuredText 文档，我有一组图像和解释它们的段落。我希望图像左对齐，文本围绕它们流动。如果我在 html 中执行此操作，我只需在 <img><p></p> 对之间插入 <div class="clearfix"></div>。在重组文本中，我得到了如下所示的内容：

.. 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>