css word-wrap与word-break区别

1、word-wrap属性作用

1.1 定义与用法

word-wrap属性允许长单词或 URL 地址换行到下一行。

1.2 语法

word-wrap: normal|break-word;

值	描述
normal	只在允许的断字点换行（浏览器保持默认处理）。
break-word	在长单词或 URL 地址内部进行换行。

2、word-break属性作用

2.1 定义与用法

word-break 属性规定自动换行的处理方法。

1.2 语法

word-break: normal|break-all|keep-all;

值	描述
normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。

3、区别

word-wrap不论当前行是否填满，都会另起一行。
word-break当前行填满后，再另起一行。