word-wrap、white-space和word break的区别

一、word-wrap:break-word;

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

 

二、word-break:break-all;

用于处理单词折断。(注意与第一个属性的对比)，会把整个单词拆掉

 

三、white-space:nowrap;

用于处理元素内的空白，只在一行内显示。

 

四、text-overflow:ellipsis;

超出部分显示省略号。