很多时候长文本不能自动换行，文本经常把页面撑开，比如在文章中插入代码框：在IE下强制换行可以使用”word-wrap:break-word“，而火狐却不支持这个属性，很多人为了界面整洁直接使用了”overflow:hidden“隐藏了过长的文本，这是极其错误的，使得用户不能阅读与复制文本！试问：对于用户而言，究竟是内容重要，还是界面重要?所以做界面设计的不能太自恋啊……
当然也有些朋友使用”overflow:auto“，文本过长的时候将自动出现滚动条，如果页面上出现很多滚动条那界面就惨不忍睹了。
怎么样才能两全其美呢?那就只让用户阅读的时候才出现滚动条把！
pre code { word-wrap:break-word;/*IE：强制文本换行*/ overflow:hidden;/*火狐：默认隐藏超出文本*/ } pre code:hover { overflow:auto;/*火狐：用户鼠标靠近时才出现滚动条*/ }