1

私はプロジェクトにCodeMirrorを実装しており、それを使用してコードブロックとインラインコードの両方をシンタックスハイライトする必要があります。

これが私がやろうとしていることを示すために私がまとめたサンプルです：http ：//students.susanbuck.net/storage/code/code-mirror/

構文は両方のインスタンスで機能していますが、私が行き詰まっているのは.inline、段落の行の間に余分なスペースが追加されないように、コード要素のみのパディングを削除する方法を見つけることです。

4

1 に答える 1

2

要素.CodeMirror-linesに続くdivをターゲットにします。textarea.code.inlineこれは、次の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;
}
于 2012-05-29T08:35:26.770 に答える