前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

网页设计|网页中的编程代码格式化显示

1 把需要格式化的代码进行预格式化,可以利用visual studio等代码编辑器进行(如VC的快捷键就是ctrl+A,ALT+F8),也可以利用在线的代码格式化工具。

(网址:http://tool.oschina.net/codeformat/js/)

在上图下框中的代码复制进网页的<pre>/<pre>标签内。

pre元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

可以考虑缩写以下pre标签的CSS:

pre{

font-size:100%;

line-height:130%;

padding:0;

//background-color:#f6f6f6;

//background-color:#fff5ee;

//background-color:#ffe;

background-color:#eee;

}

网页效果如下:

-End-

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言