隐藏rmarkdown代码块中的滚动条

Question

我试图隐藏在使用rmarkdown code_folding时默认情况下出现的水平滚动条（我认为你需要获取github的版本）。但是，我似乎无法正确使用CSS，我认为只是设置溢出来隐藏＆＃39;。

有几个文件，一个有R代码，一个有CSS。例如：

test.R

##' ---
##' title: "Testing Overflow"
##' author: ""
##' date: ""
##' output_format: 
##'   html_document:
##'     theme: readable
##'     highlight: zenburn
##'     code_folding: show
##'     css: styles.css
##' ---
##' 
##' # Some code
##' How can I hide this scroll bar??
##'
##' --------------------------------
##--- test

library(knitr)
opts_chunk$set(message=FALSE, cache=FALSE)

##'

我尝试过的事情

styles.css的

.sourceCode {
    overflow: hidden;
}

pre {
    overflow: hidden;
}

从R控制台，您应该能够运行

browseURL(rmarkdown::render("test.R"))

并查看以下内容

修改：请求jsfiddle为没有R的人。

Answer 1

此CSS行覆盖了您的规则：

div.sourceCode { overflow-x: auto; }

要么摆脱它，要么对下一个规则使用相同的特异性，例如：

div.sourceCode {
    overflow: hidden;
}