首页 > 代码库 > 解决在用google-code-prettify高亮博客的代码，但是行号怎么也无法显示

解决在用google-code-prettify高亮博客的代码，但是行号怎么也无法显示

2024-07-23 19:47:46   211人阅读

在网上查了一下，有一个不太完美的解决办法，就是加入如下代码：
<style>
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
 list-style-type: decimal !important
}
</style>

然后再将你需要显示的代码里面的<br/>换成回车即可，这样就可以显示出来行号了。
 <pre class="prettyprint pre-scrollable linenums">
   &lt;div class=&quot;span4&quot;&gt;
        &lt;h2 class=&quot;page-header&quot;&gt;区块1&lt;/h2&gt;
            &lt;/div&gt;
         &lt;div class=&quot;span4&quot;&gt;
     &lt;h2 class=&quot;page-header&quot;&gt;区块2&lt;/h2&gt;
 &lt;/div&gt;</pre>

效果如下：

解决在用google-code-prettify高亮博客的代码，但是行号怎么也无法显示


联系
我们