在使用<pre></pre>粘贴代码时,或者用<blockquote></blockquote>引用时,会发现pre/blockquote中的过长的代码,如过长的url等,在Opera/Firefox/Chrome不会实现自动换行。对于IE,可以通过IE专有的CSS属性word-wrap即可实现自动换行:word-wrap:break-word;,而对于Opera/Firefox/Chrome则不适用.下面代码,可兼容不同的浏览器IE/Opera/Firefox/Chrome:

blockquote, pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap:break-word;    /* ie */
overflow:hidden;
}


© 活着的博客 - 李权辉的个人博客:人,终究是生活在现实之中,是为了活着而生活.