首先参考一下我的这一篇文章,里面有一个很酷的 url link 的折行效果。哦,没错,这就是 wbr 魔术。
事实上昨天我还在为原来的丑陋布局懊恼不已:
不过今天在查找 webmail 的一个 pre 标签里很长一行文字如何强制折行的显示问题的时候,意外的从老韩那里知道了 gmail 的这个处理链接的方案,非常巧妙!
具体妙用,看看那篇文章的源代码就知道。或者用 firebug 看看 gmail 是如何没有发现空格断词的话就猥琐得时不时插入一个wbr标签的。
这个世界上靠精通 HTML 吃饭的家伙除了 W3C 和做浏览器的那帮人外,应该就是 google 这种搜索引擎公司了吧。
关于 pre 的折行问题,也有相应的 css 解决方案,我这里做了一个简单的测试页面
Topic:
技术
最新评论