HTML-google prettify行号显示问题

Question

google prettify行号只显示1,

<!-- 调用 -->
<link rel="stylesheet" type="text/css" href="google-code-prettify/prettify.css">
<script type="text/javascript" src="google-code-prettify/prettify.js"></script>

<!-- 代码 -->
<pre>    &lt;dl class=&quot;dl-horizontal&quot;&gt;<br>        &lt;dt&gt;WordPress&lt;/dt&gt;<br>        &lt;dd&gt;This is WordPress&lt;/dd&gt;<br>        &lt;dt&gt;DEDECMS&lt;/dt&gt;<br>        &lt;dd&gt;This is DEDECMS&lt;/dd&gt;<br>        &lt;dt&gt;PHPCMS&lt;/dt&gt;<br>        &lt;dd&gt;This is PHPCMS&lt;/dd&gt;<br>    &lt;/dl&gt;</pre>

<!-- 初始化 -->
<script>
$(document).ready(function(){
    $('pre').addClass('prettyprint linenums').attr('style', 'overflow:auto');
    window.prettyPrint && prettyPrint();
});
</script> 

Answer 1

<!-- 调用 -->
<script type="text/javascript" src="http://git.oschina.net/mirrors/bootstrap/raw/master/docs/assets/js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://git.oschina.net/mirrors/bootstrap/raw/master/docs/assets/js/google-code-prettify/prettify.css">
<script type="text/javascript" src="http://git.oschina.net/mirrors/bootstrap/raw/master/docs/assets/js/google-code-prettify/prettify.js"></script>

<!-- 代码 -->
<pre> <dl class="dl-horizontal">
<dt>WordPress</dt>
<dd>This is WordPress</dd>
<dt>DEDECMS</dt>
<dd>This is DEDECMS</dd>
<dt>PHPCMS</dt>
<dd>This is PHPCMS</dd>
</dl></pre>

<!-- 初始化 -->
<script>
$(document).ready(function(){
$('pre').addClass('prettyprint linenums').attr('style', 'overflow:auto');
window.prettyPrint && prettyPrint();
});
</script>

这样测试是没有问题的，换行用回车，而非<br/>