'Prism JS line number misaligned in Chrome

I'm using Prism Js to highlight code, but line numbers are not aligend properly in Chrome in some cases. However it works perfectly in Firefox. Here's the screenshot.

enter image description here

Can anybody help?

syntaxhighlighterprismjs


Solution 1:[1]

You solve this using external CDN. Try

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.css"/>

and

<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.js"></script>

on top of your default prism.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 stats con chris

Related Questions