【vue】prism.js中代码的前面有很多空白，而且修改不了_综合

序言

我们知道prism.js是一款代码高亮插件，支持很多插件（行号，上百款主题，代码复制）PS:CSDN霸霸用的就是这款代码高亮插件。

问题

但是使用的时候发现，代码的前一块有很大的空白，而且修改不了：
在这里插入图片描述

测试发现：
这两种代码的写法不一样，结果也不一样:
第一种：

            <pre class="line-numbers"><code class="language-css">this.name = name || 'pelli';this.age = age || 18;}Person.prototype.sayHi = function(){
    console.log('Hi, I am ' + this.name + ', I am ' + this.age + ' years old');};                    </code></pre>

效果就是上面那样。

第二种：

            <pre><code class="language-javascript line-numbers">function Person(name, age){
    this.name = name || 'pelli';this.age = age || 18;}Person.prototype.sayHi = function(){
    console.log('Hi, I am ' + this.name + ', I am ' + this.age + ' years old');};</code></pre>

这种写法效果就变成了这样：
在这里插入图片描述

总结

<pre>标签与<code>标签之间不要有空格，我们测试网页的时候可能没有注意到，但是后端传过来的html代码应该不会出现这样的问题。