【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>

这种写法效果就变成了这样：

总结

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