word-break、word-wrap和其他文字属性

word-break: break-all;　　

控制是否断词。（粗暴方式断词）
break-all，是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。

word-wrap: break-word;

控制是否换行。使用break-word时，是将强制换行。中文没有任何问题，英文语句也没问题。

内容将在边界内换行，仅用于块对象，内联对象要用的话，必须要设定height、width 或 display:block 或 position:absolute。

两个声明语句十分容易混淆，如何记忆？

首字母走起：w-b：b-a 微博吧 , w-w：b-w 我王百万 。

效果比较：

注： word-wrap:break-word 与 word-break:break-all 共同点是都能把长单词强行断句，不同点是word-wrap:break-word 会首先起一个新行来放置长单词，

新的行还是放不下这个长单词则会对长单词进行强制断句；而 word-break:break-all 则不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。

其他文字处理样式：

white-space:nowrap;　　用于处理元素内的空白，只在一行内显示。

overflow:hidden;　　超出边界的部分隐藏。

text-overflow:ellipsis;　超出部分显示省略号。

参考：