当前分类:记录>>正文

word-wrap处理英文自动换行

来源:互联网   时间:2022年6月15日   编辑

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

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

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

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

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

[猜你喜欢]

标签: 有奖活动