org-mode - 在组织模式 html 导出中强制结束文本/图像 block

Question

我希望 foo foo foo ... 在图像旁边对齐，但是对于 bar bar bar ... 开始一个新的文本 block ，该文本 block 是与 fig.jpg 不对齐。可以在组织模式下用一些特殊的语法来安排吗？

#+ATTR_HTML: height="100" align="left"
[[./img/fig.jpg]] 
foo foo foo ...

bar bar bar ...

编辑

只是想补充一点，当 bar bar bar ... 也是另一个节标题时，例如 ** 第 2 节 或类似的内容，它看起来像是一个新的默认情况下，该部分不应与上图一起包裹，但也许有一些组织语法可以指定这一点？

Answer 1

导出 HTML 后，图像将包裹在 <div class="figure">...</div> 中环境。组织模式 #+ATTR_HTML:信息专门添加到 <img> <div> 内的标签。

如果您希望所有图形都“ float ”以便文本将其包裹起来，则需要修改 HTML 中使用的样式。这可以在添加到导出的 HTML 文件顶部的默认样式表中手动完成。更好的选择是在 .org 文件本身中指定您想要的样式。像这样的东西:

#+STYLE: <style type="text/css">
#+STYLE:<!--/*--><![CDATA[/*><!--*/
#+STYLE: div.figure { float:left; }
#+STYLE: /*]]>*/-->
#+STYLE: </style>

位于 .org 文件的开头。这将设置所有 <div class="figure"> 的样式元素 float 在左侧，文本环绕在右侧。图后面的以下文本也将换行到右侧，因此您需要使用类似 <br style="clear:both;" /> 的内容来清除样式。声明。

This worg页面有很多关于图形放置、标题和自动换行的信息。那里有更详细的信息。