javascript - 从使用CodeMirror创建的内联代码中删除填充

我正在项目上实现CodeMirror，需要使用它来语法突出显示代码块和内联代码。

我汇总了一个示例来演示我要执行的操作：http://students.susanbuck.net/storage/code/code-mirror/

该语法在这两种情况下均有效，但是我遇到的问题是找到一种方法来仅杀死.inline代码元素上的填充，这样它们就不会在段落中的行之间添加多余的空间。

最佳答案

您想定位.CodeMirror-lines元素后面的textarea.code.inline div。可以使用以下CSS选择器来实现：

textarea.code.inline + div.CodeMirror div.CodeMirror-lines {
    padding: 0px!important; /* added !important as padding is an inline stlye */
}

您可能要避免在div.CodeMirror-scroll的子级中设置一个高度值。您可以使用以下CSS来使此高度多余：

textarea.code.inline + div.CodeMirror > div.CodeMirror-scroll {
    max-height: 1em;
}

关于javascript - 从使用CodeMirror创建的内联代码中删除填充，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10794257/