CSS长串英文折行问题的解决

在用CSS解决长串英文URL的时候，面临一个问题，那就是如何自动折行的问题。

以下是解决办法：

word-wrap:break-word;
word-break:break-all;

word-wrap

word-wrap用来控制换行，取值：

1.normal

2.break-word

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

word-break

word-break用来控制断词，取值：

1.normal

2.break-all

是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题.

3.keep-all

是指中文、日文、韩文等不断词。

 另外，还需要注意一下white-space的值。之前曾出现换行失败，经查询，发现是 white-space的值的原因。

在这个网站，你可以很直观地看相关问题（CSS Demo: white-space一行下方）：

https://developer.mozilla.org/zh-CN/docs/Web/CSS/white-space

下面的表格总结了各种 white-space 值的行为：

	换行符	空格和制表符	文字换行	行尾空格
normal	合并	合并	换行	删除
nowrap	合并	合并	不换行	删除
pre	保留	保留	不换行	保留
pre-wrap	保留	保留	换行	挂起
pre-line	保留	合并	换行	删除
break-spaces	保留	保留	换行	换行

有什么问题，欢迎留言讨论。