您现在的位置: 首页 » 建站小技巧 » word-wrap处理英文自动换行

word-wrap处理英文自动换行

作者: acboy 分类: 建站小技巧 发布时间: 2012-11-01 03:12    

今天遇到个小问题,虽然对页面的整体效果并无影响,记录如下。

正常,在做页面设计的时候,输入英文单词,输完一个单词敲一次空格,如果超出某个div的限定“width”后会换行的,如果输一连串英文字母,是不会自动换行的,如果使用了“overflow:hidden”,则不论输入多少个字母,都只会显示一行,其他的会截断隐藏。

这时候只需要在body全局样式里面加上“ word-wrap:break-word; word-break:break-all; ”,不论是中文英文都会自动换行,但并不影响“overflow:hidden”这条,只要内容超出,还是会隐藏的。

经本人亲自测试,这一条在ie6/7/8、 chrome、火狐下都可以达到效果。

像这种情况,一般是论坛等留言回复时候出现大量英文字母的情况较多。

本文系有赚网原创,转载请保留原文地址。本文地址:http://www.yohojie.com/boke/22.html
     
               
游戏赚钱 手机赚钱手机pos机 分享赚钱
1.天天钻 1.搜狐新闻~荐~ 乐刷 3.有券网
2.聚享游 2.中青看点 卡卡收银台 2.中青看点
3.集趣网 3.就要斗地主容易付 1.高佣联盟
4.有赚网4.天天快报 聚玳宝叮当叮当

下一篇:

由于本站持续受到垃圾评论骚扰,目前评论功能已经关闭