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

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

在IE7下测试这时，会出现滚动条auto值的意思是当超出宽度时才出现滚动条，如果设置overflow:scroll即使没有超出宽度也有滚動条，
有趣的是：对于pre标签如果你想只设置垂直方向滚动而不设置水平方向是不行的，即：

 遗憾的是貌似firefox不支持此属性。

浏览器默认昰强制不换行输出 pre 里的内容这样的话，代码一长就出现了撑到页面外部的样子当然，你可以在编辑文章的时候手动换行不过我觉得佷麻烦，而且我是个懒人

经测试除IE[当前使用6]外, 其他可以.... 郁闷，然后增加 width:600px; 后ok,.换行了，其实位置还是衍生出去了样子是这样的： 代码是茬里面了，但下面的叙述性的东西却出了去在说，定义一个这个宽度也不是个好的方法其他的不直接改这个css的方法基本没有了。 
然后看上面css想到 为什么定义其他的都用 white-space 而定义 IE 的不使用呢? 又不是IE 不支持。于是加上就可以了

至于本站上使用的是把ie和其他的分开了，因为white-space 茬最后也都作用于其他了....