-3

を使用しrainbow.jsて、タグ内のコードの<code>オーバーフローの原因となっているコード (x) を強調表示します。CSSオーバーフロープロパティが機能していないようです（でも!important）

<code>タグを含むコード

<pre>
    <code>
            Any code to be highligted
    </code>
</pre>

CSS :

code {
    overflow: auto; /* Not working (scroll also not working) */
    width: 100%;
}

タグ<code>をに置き換えると<div>、オーバーフローの問題は解消されますが、強調表示は機能しません (このプラグインでは、コードを<code>タグに配置する必要があります) 。

このオーバーフローの問題を解決してスクロールを提供するにはどうすればよいですか? または、他のコード ハイライト ライブラリを使用する必要がありますか?

•codeタグ付き (ハイライトあり、スクロールなし)オーバーフロー コードタグ付き (はいをハイライト、いいえをスクロール) •divタグあり (ハイライトなし、スクロールあり)div タグあり (ハイライトなし、スクロールあり)

4

2 に答える 2