WGM@CN

因为某些原因，需要用到代码插件，但是pre标签在一行代码很长的情况下不换行令其出现横向的滚动条，看着很不舒服，所以找到了以下的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+ */
	-moz-binding: url('./wordwrap.xml#wordwrap'); /* Firefox */
}

发现在Firefox下的显示问题后，修改了上述部分最后的一行，并需要新建一份xml文档，存放在style的相同目录下或者网站的根目录下，只要CSS文件能够正确地访问到就ok拉，其内容为

<?xml version="1.0" encoding="UTF-8"?>  
<bindings xmlns="http://www.mozilla.org/xbl" 
    xmlns:html="http://www.w3.org/1999/xhtml">  
    <binding id="wordwrap" applyauthorstyles="false">  
        <implementation>  
            <constructor>  
                //<![CDATA[  
            var elem = this;  
            doWrap();  
            elem.addEventListener('overflow', doWrap, false);  

            function doWrap()  
            {  
                var walker = document.createTreeWalker(elem, NodeFilter.SHOW_TEXT, null, false);  
                while (walker.nextNode())  
                {  
                    var node = walker.currentNode;  
                    node.nodeValue = node.nodeValue.split('').join(String.fromCharCode('8203'));  
                }  
            }  
            //]]>  
            </constructor>  
        </implementation>  
    </binding> 
</bindings>