R标记:将图像放在HTML的右上角,并向下移动标题
我想在我的R markdown报告的右上方放置一个公司徽标图像,然后向下移动标题,比如说比默认位置低3或4厘米。这个想法是它看起来像公司的信笺 有人能建议我如何在.Rmd文件中编写此代码吗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
谢谢你的帮助 选项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
---