我想突出显示一些 css 代码,但我不想使用 pre 标记。我已经看到了许多基于 pre 标记的方法,但是我不想使用那个标记。还有哪些其他方法可以用来突出显示句法。
谢谢。
我想突出显示一些 css 代码,但我不想使用 pre 标记。我已经看到了许多基于 pre 标记的方法,但是我不想使用那个标记。还有哪些其他方法可以用来突出显示句法。
谢谢。
在头部添加 CDN
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/styles/default.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
最后在页面中添加
<pre>
<code class="C#">
public ActionResult Index() {
return View();
}
</code>
</pre>
这就是你不需要css下载,只要你的网站在互联网上。
该pre
元素与语法高亮无关。您在该元素内使用文本级标记,通常还使用 CSS 来突出显示。无论您在那里使用什么工具,也可以在div
元素内部使用,例如,p
或blockquote
。
该pre
元素用于预格式化文本,因为它保留了空格和换行符。为了达到同样的效果,您可以white-space: pre
在 CSS 中使用。作为副作用,pre
还会导致使用等宽字体;为此,您还可以使用 CSS,例如font-family: Consolas, Courier New, monospace
,或 HTML 标记,例如 ...。或者您可能认为没有令人信服的理由为 CSS 代码使用等宽字体。
您可以使用与 StackOverflow 相同的库:google-code-prettify。
您可以将代码片段放在<code>...</code>
标签而不是<pre>...</pre>
标签中,使用起来非常简单。