用 JavaScript 修剪空行

如何解决用 JavaScript 修剪空行

我正在使用 HighlightJS 设置语法样式，但我遇到了空格和行号不匹配的问题。

问题：如果 Syntax 没有在 <code> 之后立即开始，它会附加一个空行。

不可能总是以这种方式插入语法，我正在寻找 JavaScript 解决方案，仅删除第一个空行。

这是简单的 JavaScript HowTo 如果有人能提到这个问题的解决方案 - -

我正在寻找 JavaScript 解决方案或 HighlightJS 插件（如果有）

<!doctype html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <title>Testing HighlightJS</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/styles/routeros.min.css">
</head>
<body>
    <h3>Testing HighlightJS</h3>
    <h4>CSS</h4>
    <pre><code class="language-css">
    .class{
    font-size: 0.85rem;
    font-weight: 600;
    font-family: monospace;
    }
    h1 .header{
    font-size: 1.5rem;;
    font-family: Arial;
    }
    </code></pre>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/highlight.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/languages/css.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.6.0/highlightjs-line-numbers.min.js"></script>
    <script>hljs.highlightAll(); hljs.initLineNumbersOnLoad();</script>
</body>
</html>

blank-space