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