我的pre标签有这个问题,我已经尝试解决了一段时间。我已经尝试了将近20条建议,但似乎都没有用。

我有一台运行有node.js的服务器,上面有2个网站,从技术上讲,它是一个具有2个布局的网站。如果我尝试在第一种布局上使用预标记,那么一切似乎都能正常显示,但是在第二页上,我猜想似乎找不到额外的标签。

这是我所拥有的:

<pre>&lt;pre&gt;&lt;code &gt;
&lt;script&gt;
    new Chart(document.getElementById(&quot;bar-chart&quot;), {
        type: 'bar',
        data: {
            labels: [&quot;Blue&quot;, &quot;Black&quot;, &quot;Green&quot;, &quot;Silver&quot;, &quot;Red&quot;],
            datasets: [
                {
                    label: &quot;Votes for this color: &quot;,
                    backgroundColor: [&quot;#3e95cd&quot;, &quot;#000000&quot;, &quot;#35d90e&quot;, &quot;#c0c0c0&quot;, &quot;#c45850&quot;],
                    data: [120, 384, 81, 223, 192]
                }
            ]
        },
        options: {
            legend: { display: false },
            title: {
                display: true,
                text: 'Best Car Colors according to a 1000 votes survey'
            }
        }
    });
&lt;/script&gt;
&lt;/code&gt;&lt;/pre&gt;</pre>


它显示如下:
Visuals

有谁知道什么,为什么?我试过取消所有CSS并重新设置pre标签,但这完全相同。

最佳答案

更新:

对于所有曾经并仍在努力解决同一问题的人们,我发现了问题!因此,我正在使用车把,其中一项功能称为“ partials”

我有一个页面以这种方式调用这些部分:

{{>crashcorse/intro_lessons}}


但是,由于自动格式化,它在{{>}}标记之前有一些额外的空格,删除这些多余的空格似乎可以解决此问题。

10-05 20:56
查看更多