让长字符自动换行 比如URL和Email地址等

核心提示：另外，关于网上所说的用js来让长字符串在Firefox里面自动换行的方法，不推荐使用，原因是换行之后得到的字符串，已非本来的字符串了，比如要是一个链接地址的话，你再去复制，你已经得不到原来的地址了，中间会出现一个空格。那已经是另外的一个链接了。

让长字符自动换行 (比如 URL 和 Email地址) 目的：让很长的字符串，能自动换行，但是不要把短的单词从中间断开。

方法如下：

<style>   div{    width:300px;overflow:hidden;/* for FF,Opera ，固定宽度;隐藏多余的字符*/    word-wrap:break-word;word-break:normal;/* for IE,Safari ，支持自动换行*/    }    </style>

你可以在IE，Firefox，Opera,Safari里面分别运行下面的代码，看看：

<style type="text/css">   div{width:200px;background:red;overflow:hidden;word-wrap:break-word;word-break:normal;}    </style>   <div>congratulations    让长字符自动换行 (比如 URL 和 Email地址)：    http://www.div-css.com/html/standard/base/81857.html    SDFG SOME word has spacing...    XXXXXXXXXXXXDGXXXXXXXXYYYYDFGYYXXXXXXXSDGXXXXXXXXXXXXyXXXXXXXXXXxwhite-space: nowrap    一些中文字体一些中文字体一些中文字体一些中文字体一些中文字体一些中文字体，可能不会换行    Web标准化 <a href="http://www.div-css.com" _fcksavedurl="http://www.div-css.com">www.div-css.com</a>   中文文字 中文文字 中文文字 中文english文字 中文文字 中文english文字 中文english文字 中文english文字 中english字 中english字 中english字 中english字    </div>

另外，关于网上所说的用js来让长字符串在Firefox里面自动换行的方法，不推荐使用，原因是换行之后得到的字符串，已非本来的字符串了，比如要是一个链接地址的话，你再去复制，你已经得不到原来的地址了，中间会出现一个空格。那已经是另外的一个链接了。

特别注意：本人提示：这个css样式只是对ie等起作用，对火狐（ff）没用。所以要是兼容ie和火狐的话，请注意看我的另一篇文摘：http://blog.csdn.net/gayayzy/article/details/7175225。