在火狐下请慎用overflow:hidden隐藏长文本

很多时候长文本不能自动换行，文本经常把页面撑开，比如在文章中插入代码框：在 IE 下强制换行可以使用 ”word-wrap:break-word“，而火狐却不支持这个属性，很多人为了界面整洁直接使用了 ”overflow:hidden“ 隐藏了过长的文本，这是极其错误的，使得用户不能阅读与复制文本！试问：对于用户而言，究竟是内容重要，还是界面重要? 所以做界面设计的不能太自恋啊 ……

当然也有些朋友使用 ”overflow:auto“，文本过长的时候将自动出现滚动条，如果页面上出现很多滚动条那界面就惨不忍睹了。

怎么样才能两全其美呢? 那就只让用户阅读的时候才出现滚动条把！

pre code {word-wrap:break-word;/*IE：强制文本换行 */ overflow:hidden;/* 火狐：默认隐藏超出文本 */ } pre code:hover {overflow:auto;/* 火狐：用户鼠标靠近时才出现滚动条 */ } 

原文地址:http://www.planeart.cn/blog/?p=87