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 标题居中?
基础教程推荐
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 直接将值设置为滑块 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01