問題タブ [prismjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
762 参照

html - PrismJs が CSS グリッドでオーバーフローしない

弾力性のあるコンテンツ div と固定幅の列が右側にあるページ レイアウトがあります。そのために、次の基本構造があります。

そしてCSS:

autoコンテンツが合計スペースから固定列幅を差し引いたものを埋めることを期待していました。プリズムタグであるdivのコンテンツがその幅を超えている場合を除いて、それは実際に起こります。PrismJs div で水平スクロール バーを生成する代わりに、単にコンテンツ div をオーバーフローさせ、列をさらに右に押します。

列を押すのではなく、スクロールバーを div に表示する方法についてのアイデアはありますか?

コンテンツの幅に固定値を設定すると、期待どおりに機能することに注意してください。

次に例を示します。

これは、試してみるための実用的なフィドルです: https://jsfiddle.net/4crm25pq/1/