Space.As's Blog

今天的工作中 接触到<pre>这个标签。查了些资料 自己又做了些测试。
大致用途这里做个记录，希望能给朋友们点帮助。

位于<pre></pre>中的任何文本，都将会准确的按照原先的布局而显示。
包括两个以上的连续半角空格和额外的回车。

适用范围：
带有缩进排版的程序段落
ASCII字符画
等，一切费尽按空格排出来东西。。。

在Dreamweaver中的使用
不管你是用CtrlV还是CtrlShiftV，DW都能将多余的空格和回车滤掉，所以不能够直接在页面
编辑状态下将文本粘贴到DW中，只能在html编辑器中将文字插入，再在文本的开始和结尾分别
插入<pre>和</pre>，这样就可以文本就可以正常显示了。

其他属性：
默认显示字体：中文字体为10pt的宋体，英文字体为10PT的Courier
可以利用css，对显示文本的字体、颜色等等进行控制进行控制
可以对文本进行连结、字体大小，字体颜色等html控制

默认情况下<PRE>的显示是不换行的, 不过几种浏览器都有自己的样式用于换行(CSS3中对这个有了明确的定义, 参见 http://www.w3.org/TR/css3-text/#white-space) , 跨浏览器的

换行样式可以这样定义:
/* Browser specific (not valid) styles to make preformatted text wrap */        pre {white-space: pre-wrap;       /* css-3 */white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */white-space: -pre-wrap;      /* Opera 4-6 */white-space: -o-pre-wrap;    /* Opera 7 */word-wrap: break-word;       /* Internet Explorer 5.5+ */}

这个方法来自 Tero Karvinen ( http://www.iki.fi/karvinen) 的文章"Making preformated  text wrap in CSS3, Mozilla, Opera and IE"( http://users.tkk.fi/~tkarvine/linux/doc/pr ... ss3-mozilla-opera-ie.html)

CSS3.... 等待中……