如何在 Rmarkdown html 输出中有浮动图像？答案

【问题标题】：How do I have a floating image in Rmarkdown html output?如何在 Rmarkdown html 输出中有浮动图像？
【发布时间】：2017-06-19 22:11:53
【问题描述】：

我有一个带有 html 输出的 rmarkdown 文件。我需要让我的公司徽标浮在顶部。我该怎么做？和 rmarkdown 的浮动目录一样。

【问题讨论】：

标签： html css r r-markdown

【解决方案1】：

您可以将 HTML 放入 RMarkdown 文件中。因此，您可以使用适当的 style CSS 将图像包装在 div 中。比如：

<div style="position: fixed; top: 0; right: 0;">
  ![](mylogo.png)
</div>

在右上角浮动。您可能还需要定位其他元素，以免徽标遮挡它们。

【讨论】：

谢谢！你知道是否可以移动浮动目录的位置吗？
我敢肯定。您只需识别包含内容的div 并使用自定义 CSS 应用适当的样式。

【解决方案2】：

你可以使用这个css脚本

`<script> $(document).ready(function() {
 $head = $('#header');
 $head.prepend('<img src=\"logo.jpg\" style=\"float: right;width: 200px;\"/>')}) </script>`

【讨论】：