首先参考一下我的这一篇文章，里面有一个很酷的 url link 的折行效果。哦，没错，这就是 wbr 魔术。

事实上昨天我还在为原来的丑陋布局懊恼不已：

不过今天在查找 webmail 的一个 pre 标签里很长一行文字如何强制折行的显示问题的时候，意外的从老韩那里知道了 gmail 的这个处理链接的方案，非常巧妙！

具体妙用，看看那篇文章的源代码就知道。或者用 firebug 看看 gmail 是如何没有发现空格断词的话就猥琐得时不时插入一个wbr标签的。

这个世界上靠精通 HTML 吃饭的家伙除了 W3C 和做浏览器的那帮人外，应该就是 google 这种搜索引擎公司了吧。

关于 pre 的折行问题，也有相应的 css 解决方案，我这里做了一个简单的测试页面