在org-mode的HTML导出中强制结束文本/图像块

4

我希望将foo foo foo ...与图像对齐,但是bar bar bar ...应该开始一个新的文本块,不与fig.jpg对齐。在org-mode中是否可以使用某些特殊语法来实现这一点?

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

bar bar bar ...

编辑

只是想补充一下,当bar bar bar ...也是另一个部分的标题时,例如** 第二节或类似的内容,似乎默认情况下新部分不应该与前面的图表组合在一起,但是可能有一些org-syntax可以指定这个?


你想要一个在图旁边的标题,还是希望整个文本环绕着图呈现? - cm2
1个回答

3
在HTML导出时,图像被包含在一个<div class="figure">...</div>的环境中。org-mode #+ATTR_HTML:信息被添加到<div>内的<img>标记中。
如果您希望所有的图形都是“浮动”的,以便文本围绕它,您需要修改HTML中使用的样式。这可以在导出的HTML文件顶部添加的默认样式表中手动完成。更好的选择是在.org文件中指定所需的样式。例如:
#+STYLE: <style type="text/css">
#+STYLE:<!--/*--><![CDATA[/*><!--*/
#+STYLE: div.figure { float:left; }
#+STYLE: /*]]>*/-->
#+STYLE: </style>

在你的.org文件开头添加以下代码。这将设置所有<div class="figure">元素的样式为浮动在左侧,并在右侧周围包裹文本。图像后面的文本也将被包裹到右侧,因此您需要使用类似于<br style="clear:both;" />语句来清除样式。 这个worg页面提供了有关图像放置、标题和单词换行的大量信息。那里有更详细的信息。

啊,我已经阅读了该网页,但是错过了 <br style.../> 语法的重要性。这正是我想要的-非常感谢! - hatmatrix

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接