Question

我正在从RMarkdown创建一个Html报告，应用一些简单的CSS，我在打印输出报告时遇到一些问题。浏览器版本正确应用css但印刷版本没有。这将是RMarkdown代码的可重现示例：

---
title: "Table"
output:
  html_document:
    css: "test.css"
---

```{r}
library(knitr)
data(iris)
kable(iris)
```

这是我的test.css文件的内容：

     .main-container { 
     max-width: 1600px !important;
 } 
    tr:nth-child(even) {background-color: #f2f2f2}
    th {
        background-color: #FF6319;
        color: white;
        font-size: 12px;
    }
    tbody {
        font-size: 12px;
    }
    hr {
        page-break-after: always;
    }

如何在浏览器输出中获得与打印输出相同的结果？我甚至尝试在Chrome打印菜单中检查背景图形选项，但没有任何变化。谢谢。

Answer 1

我猜这个问题与“background-color”和“background-image”属性有关，这些属性在许多浏览器上默认被忽略（打印时）。

对于chrome，您可以将以下代码添加到print css中，在firefox和IE中，您必须在打印对话框中选择“print background”。

[watcher:gunicorn]
cmd = /usr/local/bin/gunicorn test:app -c /etc/gunicorn/app.py
working_dir = /opt/app
copy_env = True
uid = www-data

您可以在HTML中执行此操作：

$query['temp_file'] = "a, b, c";
$query['real_file'] = "1, 2, 3";

$og_file = explode(', ',$query['temp_file']);
$file = explode(', ',$query['real_file']);
$i = 0;
foreach($og_file as $temp_file){
  echo '<option value="'.$temp_file.'">'.$file[$i].'</option>';
  $i++;
}

RMarkdown：打印CSS样式

1 个答案: