Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
R标记:将图像放在HTML的右上角,并向下移动标题_Html_Css_R_R Markdown - Fatal编程技术网

R标记:将图像放在HTML的右上角,并向下移动标题

R标记:将图像放在HTML的右上角,并向下移动标题,html,css,r,r-markdown,Html,Css,R,R Markdown,我想在我的R markdown报告的右上方放置一个公司徽标图像,然后向下移动标题,比如说比默认位置低3或4厘米。这个想法是它看起来像公司的信笺 有人能建议我如何在.Rmd文件中编写此代码吗 谢谢你的帮助 选项1: 在RMarkdown文档的开头(或其他地方)添加此脚本: <script> $(document).ready(function() { $head = $('#header'); $head.prepend('<img src=\"logo

我想在我的R markdown报告的右上方放置一个公司徽标图像,然后向下移动标题,比如说比默认位置低3或4厘米。这个想法是它看起来像公司的信笺

有人能建议我如何在.Rmd文件中编写此代码吗


谢谢你的帮助

选项1:

在RMarkdown文档的开头(或其他地方)添加此脚本:

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

创建一个额外的HTML文件(例如extLogo.HTML),其中包含以下徽标:

这看起来像


并且可能需要一些进一步的边距/填充选项…

如果您将img src更改为基本64代码(大小非常混乱),则图像不再依赖于您的本地目录,例如,您可以通过电子邮件将html文件发送给某个人,以使用交互式报告

base64编码器:

如果您正在制作pdf报告,您只需更改默认的TeX模板并将其另存为新模板:查找更多html解决方案。选项一也是如此。选项2不需要这样做。虽然选项2似乎打破了我的浮动标签的内容
<style>
  #myLogo {
    float: right;
    width: 120px;
    ...
</style>
<div><img src="logo.jpg" width="200px" align="right"></div>
---
title: "Test"
author: "Martin Schmelzer"
date: "13 Juli 2016"
output: 
  html_document:
    includes:
      in_header: extLogo.html
---