html pre标记里内容自动换行

##html pre标记里内容自动换行##

##不让<pre>溢出而形成垂直滚动条的解决方案##

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

但不幸的是，当你在<pre>标签里面写代码的时候，如果你没有手动换行，它也会给你保留，而不会自动换行 这时候，你可以使用overflow:auto; (当代码超出容器边界的时候，显示滚动框),这个方法也并不适用于所有主流浏览器，一些浏览器会直接截断超出的内容

而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长，结果会造成页面撑开或者代码超出边界。非常难受，如果用overflow:hidden那么会将原来的代码隐藏掉，用overflow:auto则会出现滚动条，代码也不方便阅读

###解决方案：在你的css中加入如下代码:###

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+ */ 
} 

###get!