广西快3

16素材
您现在的位置:广西快3 > 教程中心 > DIV+CSS教程

在火狐下请慎用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;/*火狐:用户鼠标靠近时才出现滚动条*/ } 

原文地址:

关键词: 火狐慎用overflow:hidden

相关素材