如何在RST中对齐图片且避免文字环绕（替代修改CSS方案）

以下是几种无需全局修改CSS、比.. raw::html更简洁的原生RST方案：

• 自定义容器配合专属CSS类
  先在RST文档中用容器包裹目标figure，避免影响全局样式：

  Don't wrap me
  -------------
  
  .. container:: no-wrap-figure
      .. figure:: img.png
        :align: left
        :width: 500px
  
  or me
  

  然后在项目的CSS文件中添加如下样式（不改动原有.figure.align-left规则）：

  .no-wrap-figure {
      clear: both;
      display: block;
  }
  .no-wrap-figure .figure.align-left {
      float: none;
      margin-left: 0; /* 保留左对齐效果 */
  }
  

• 直接给figure添加自定义类
  若你的RST解析器（如Sphinx）支持为figure指定类名，可直接覆盖float行为：

  Don't wrap me
  -------------
  
  .. figure:: img.png
    :class: no-float-left
    :width: 500px
  
  or me
  

  对应的CSS规则：

  .figure.no-float-left {
      float: none;
      display: block;
      margin-left: 0;
  }
  

这两种方案都能精准控制单张/指定图片的排版，不会破坏其他依赖float: left的内容，同时保持RST文档的原生可读性。

内容的提问来源于stack exchange，提问作者OverLordGoldDragon