论坛首页 Web前端技术论坛

google-code-prettify的样式linenums问题

浏览 4055 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-08-09  
在学bootstrap的时候,教程里面有个例子就是让代码高亮的。高亮那部分是没问题了就是,就是用google-code-prettify插件的.linenums出问题了,无法显示行号。求各位帮忙看下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/prettify.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- [if lt IE 9] >
    <script src="http://html5shim.googleecode.com/svn/trunk/html5.js"></script>
<![endif] -->
</head>
<body onLoad="prettyPrint()">
<div class="container">
  <h1 class="page-header">Google Prettify<small>让代码片断变得更漂亮</small></h1>
    <pre class="prettyprint pre-scrollable linenums">&lt;div class=&quot;container&quot;&gt;<br>	&lt;div class=&quot;row&quot;&gt;<br>    	&lt;div class=&quot;span6&quot;&gt;&lt;/div&gt;<br>        &lt;div class=&quot;span6&quot;&gt;&lt;/div&gt;<br>    &lt;/div&gt;<br>&lt;/div&gt;	    </pre>
</div>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/prettify.js"></script>
</body>
</html>

   发表时间:2014-02-22   最后修改:2014-02-22
要调用方法的。
<script src="js/prettify.js"></script>
后加入如下代码
<script type="text/javascript">
	$().ready(prettyPrint());
</script>
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics