alexjavascript 最近的时间轴更新 alexjavascript 最近的时间轴更新 |
alexjavascriptV2EX 第 66428 号会员，加入于 2014-06-28 11:56:53 +08:00 |
alexjavascript 最近回复了
2014-06-28 14:11:30 +08:00 回复了 udonmai 创建的主题 › 问与答 › 最近用google-code-prettify高亮博客的代码，但是行号怎么也无法显示，求教。。 |
<!DOCTYPE HTML /PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bootstrap-代码</title>
<meta charset="utf-8">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.js"></script>
<script type="text/javascript" src="../css/google-code-prettify/prettify.js"></script>
<style>li.L0, li.L1, li.L2, li.L3,li.L5, li.L6, li.L7, li.L8{ list-style-type: decimal !important }</style>
<script type="text/javascript">
$(document).ready(function(){
prettyPrint();
})
</script>
</head>
<body>
<div class="container">
<h1 class="page-header">代码<small><code>与<pre>标签的使用</small></h1>
<p>为<code><h1></code>标签添加<code>.page-header</code>，可以为内容添加合适的边距，并且在下方显示一条灰色的边线。</p>
<pre class="prettyprint linenums">
<p>示范文本...</p>
<p>示范文本...</p>
<p>示范文本...</p>
</pre>
</div>
</body>
</html>
楼上说了那么多，都被搞晕了，不知道你们是咋弄的...后来在官方文档（地址： http://google-code-prettify.googlecode.com/svn/trunk/README.html）上看到加上这段话就好了。不过这个解决方案不咋好看。
<style>li.L0, li.L1, li.L2, li.L3,li.L5, li.L6, li.L7, li.L8{ list-style-type: decimal !important }</style>
<html>
<head>
<title>Bootstrap-代码</title>
<meta charset="utf-8">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/bootstrap.js"></script>
<script type="text/javascript" src="../css/google-code-prettify/prettify.js"></script>
<style>li.L0, li.L1, li.L2, li.L3,li.L5, li.L6, li.L7, li.L8{ list-style-type: decimal !important }</style>
<script type="text/javascript">
$(document).ready(function(){
prettyPrint();
})
</script>
</head>
<body>
<div class="container">
<h1 class="page-header">代码<small><code>与<pre>标签的使用</small></h1>
<p>为<code><h1></code>标签添加<code>.page-header</code>，可以为内容添加合适的边距，并且在下方显示一条灰色的边线。</p>
<pre class="prettyprint linenums">
<p>示范文本...</p>
<p>示范文本...</p>
<p>示范文本...</p>
</pre>
</div>
</body>
</html>
楼上说了那么多，都被搞晕了，不知道你们是咋弄的...后来在官方文档（地址： http://google-code-prettify.googlecode.com/svn/trunk/README.html）上看到加上这段话就好了。不过这个解决方案不咋好看。
<style>li.L0, li.L1, li.L2, li.L3,li.L5, li.L6, li.L7, li.L8{ list-style-type: decimal !important }</style>
Select Language