首页 » 博客系统

在博客中嵌入程序代码

程序员的博客系统中,最常见的莫过于代码块。通常将代码放到<pre>标签中。要对HTML页面中的代码块进行美化,有几种思路。1. 关键字高亮(就像在Vim或IDE中一样)。为代码染色通常通过JavaScript + CSS实现。 2. 自动换行。pre标签会保留空格和换行,如果你没有手动换行,pre也不会为你做。这个用CSS可以实现。

高亮代码块

高亮代码块(为代码上色)有许多实现,通常是JavaScript+CSS实现。

代码自动换行

在CSS文件中对pre元素进行设置。

pre {
    white-space: pre-wrap;  /* FireFox */
    word-wrap: break-word;  /* IE 5.5+ */
}

分享

0