How do I center my YAML heading in an R markdown html document?(如何在 R markdown html 文档中将 YAML 标题居中?)
问题描述
我想让我的 YAML 标头信息以我的 html 文档为中心.
I want to have my YAML header information centered on my html document.
我希望其他一切正常.
我可以将任何 html 或其他代码应用于 YAML 标头以实现此目的吗?
Can I apply any html or other code to the YAML header to make this happen?
我该怎么做??
例子:
我有:
---
title: "Shiny HTML Doc"
author: "theforestecologist"
date: "Apr 14, 2017"
output: html_document
runtime: shiny
---
推荐答案
这里有一些 css 样式,您可以使用它们来完成您所需要的.
Here is some css styling that you can use to accomplish what you need.
- markdown 文档标题使用
h1.title
CSS 选择器 - markdown 文档作者字段使用
h4.author
CSS 选择器 - markdown 文档 datea 字段使用
h4.date
CSS 选择器
- The markdown document title uses the
h1.title
CSS selector - The markdown document author field uses the
h4.author
CSS selector - The markdown document datea field uses the
h4.date
CSS selector
代码如下:
---
title: "Shiny HTML Doc"
author: "theforestecologist"
date: "Apr 14, 2017"
output: html_document
runtime: shiny
---
<style type="text/css">
h1.title {
font-size: 38px;
color: DarkRed;
text-align: center;
}
h4.author { /* Header 4 - and the author and data headers use this too */
font-size: 18px;
font-family: "Times New Roman", Times, serif;
color: DarkRed;
text-align: center;
}
h4.date { /* Header 4 - and the author and data headers use this too */
font-size: 18px;
font-family: "Times New Roman", Times, serif;
color: DarkBlue;
text-align: center;
}
</style>
# H1 Header
Some body text
## H2 Header
More body text
```{r echo=T}
n <- 100
df <- data.frame(x=rnorm(n),y=rnorm(n))
```
这就是它最终的样子:
这篇关于如何在 R markdown html 文档中将 YAML 标题居中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:如何在 R markdown html 文档中将 YAML 标题居中?


基础教程推荐
- 什么是不使用 jQuery 的经验技术原因? 2022-01-01
- WatchKit 支持 html 吗?有没有像 UIWebview 这样的控制器? 2022-01-01
- 如何使用sencha Touch2在单页中显示列表和其他标签 2022-01-01
- 每次设置弹出窗口的焦点 2022-01-01
- 为什么我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT? 2022-01-01
- 如何使用 CSS 显示和隐藏 div? 2022-01-01
- Node.js 有没有好的索引/搜索引擎? 2022-01-01
- jQuery File Upload - 如何识别所有文件何时上传 2022-01-01
- 如何在特定日期之前获取消息? 2022-01-01
- Javascript 在多个元素上单击事件侦听器并获取目标 2022-01-01