这几天发表日志的时候，有时候要引用些程序代码，可有些代码过长，结果搞得我的页面大乱，十分不美观，于是通过了下面两个办法解决了：
一、本来我的网页最佳的显示分辩率是800*600以上的，现在估计用这种分辩率人很少了吧？于是改成了1024*768的效果，宽度长了，换行的问题自然就解决了。 [lol]

二、代码控制，说明如下，只是个例子，可以根据需要自行调整：

1.（IE浏览器）连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行

#mainwrap{word-break:break-all; width:200px;}
或者
#mainwrap{word-wrap:break-word; width:200px;}

<div id=”wrap”>abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

效果：可以实现换行

2.（Firefox浏览器）连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条

#wrap{word-break:break-all; width:200px; overflow:auto;}

<div id=”wrap”>abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>

效果：容器正常，内容隐藏

如果想知道更多，请仔细阅读 http://www.blueidea.com/tech/web/2006/3469.asp 的贴子。

因为我的是由于使用代码才会出现这种问题所以，我只对styles.css中的.code段进行了修改．添加了代码：

word-break:break-all;
overflow:auto;
width: 500px;

问题搞定．