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

Question

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

以下是我要汇总的示例，以展示我尝试做的事情：http://students.susanbuck.net/storage/code/code-mirror/

语法在两个实例中都有效，但我遇到的问题是找到一种方法只能在.inline代码元素上删除填充，这样它们就不会在行之间添加多余的空格在段落中。

Answer 1

您希望定位跟随.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;
}