我们都知道<pre> 标签可定义预格式化嘚文本一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中的文本通常会保留空格和换行符但不幸的是，当你在<pre>标签里面写玳码的时候如果你没有手动换行，它也会给你保留而不会动换行。

这时候你可以使用overflow:auto; (当代码超出容器边界的时候，显示滚动框) 但這个方法也并不适用于所有主流浏览器，一些浏览器会直接截断超出的内容

由于本站中使用源码的地方也不是很多，之前也不是很在意這个问题前不久有位热心的网友在QQ上反馈这个问题，于是在趁这次更换主题时寻找了一下解决方案，分享之

 

 
 

 仅当你把窗口缩小到小於20个字符的宽度的时候，才会超出边界
 
 

 另外看到一些帖子也有分享这个CSS技巧，说能解决长词换行的问题但我试了一下，还是不行