中英文自动换行

中文自动换行 word-wrap:break-word;  

 英文自动换行 word-break: break-all

1、在需要强制设置换行时，

 

td中：需用css来控制style='word-break: break-all'

 

div中 ： div 实现长英文字母自动换行CSS

IE浏览器

#wrap{white-space:normal; width:200px; }

或者

#wrap{word-break:break-all;width:200px;}

 

Firefox浏览器

#wrap{white-space:normal; width:200px; overflow:auto;}

或者

#wrap{word-break:break-all;width:200px; overflow:auto; }

 

 

2、在不需要换行时

 

style='word-break: keep-all'//不会自动换行，有空格换行，ie支持，ff不支持

 

要想兼容ie和ff，需设置white-space: nowrap;，这样设置，不论是英文还是汉字，也不管是否有空格都会不换行显示

另外解释一下

 

word-wrap和word-break

word-wrap用来控制换行

两种取值：

(1)normal

(2)break-word（此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文，就不起作用。） 

word-break用来控制断词

三种取值：

(1)normal

(2)break-all（是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。）

(3)keep-all（是指Chinese, Japanese, and Korean不断词，一句话一行，可以用来排列古诗哟~）

转载于:https://www.cnblogs.com/quitpoison/p/8808701.html