如何给绘图添加标签,以便可以在CSS
文件中引用它?
我想在剧情周围包装一些文字。在this中,用户展示了如何通过将CSS
代码嵌入到R
文档中来做到这一点。
我想在单独的CSS
文件中使用该代码。
查看生成的html
文件,我可以看到所有图都被称为img
,但是如何为每个图赋予其自己的“名称”,例如,我可以这样说:
plot1 {
float:right;
position: relative;
top: -80px;
}
plot2 {
float:left;
position: relative;
top: -80px;
}
我知道您已经给文本块添加了一个标签,然后在CSS文件中对其进行了引用,但是您如何对绘图进行相同的处理?
这是我的示例代码:
---
title: "css_test"
output: html_document
css: "myCSS_2.css"
---
```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```
# Header1 {#mysampletext}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet commodo nulla. Fusce sed commodo massa. Etiam ex mi, accumsan a massa porttitor, venenatis dapibus nulla. Integer in sollicitudin est. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris leo lacus, pulvinar non justo et, efficitur pharetra quam.
```{r cars, echo=FALSE}
plot(cars)
```
```{r cars2, echo=FALSE}
plot(cars*2)
```
这是CSS文件脚本:
#mysampletext{
color: red;
}
img {
float:right;
position: relative;
top: -80px;
}