rmarkdown文档中的中心传单

时间:2018-08-31 09:09:24

标签: html css r leaflet r-markdown

我想创建一个HTML文档,其中带有居中的传单小部件。

---
title: "Exemple"
author: "Antoine Bichat"
date: "31/08/2018"
output: html_document
---

```{r leaflet, fig.align="center"}
library(leaflet)

leaflet() %>%
  addTiles() %>% 
  addMarkers(lng=174.768, lat=-36.852, popup="The birthplace of R")
```

使用fig.align="center"的第一个想法无效。

我找到了这个question,并根据情况进行了调整:

<style>
/* resize the widget container */
.leaflet { 
  width: 80% !important;
}

/* center the widget */
div.leaflet-control-container {
  margin: auto !important;
}
</style>

但是如果我不想将out.width设置为100%(并且我也不想这样做),那将是行不通的。

或者也许我做错了... 实际上,我更喜欢100%R / Rmarkdown解决方案,但我乐于接受所有问题:)

1 个答案:

答案 0 :(得分:5)

尝试this.myConsole的CSS代码let titleText = NSAttributedString(string: yourTitle, attributes: attributes) let imageAttachment = NSTextAttachment() imageAttachment.image = yourImage let title = NSMutableAttributedString(string: "") title.append(NSAttributedString(attachment: imageAttachment)) title.append(titleText) button.setAttributedTitle(title, for: .normal)

margin: auto

enter image description here

这将使每个htmlwidget居中。 您还可以输入:

.html-widget

仅使传单居中。