换行与不换行

在遇到一个长串单词时，这个单词（或者url）超出了盒子本身的长度，此时可以使用word-wrap:break-word和word-break:break-all强制换行

the url http://localhost:63342/doctype.html

这里使用的都是默认值，所以url没有换行而是超出了本行在同一行显示了

the url http://localhost:63342/doctype.html

the url http://localhost:63342/doctype.html

这两个属性对中文影响不大，主要是影响英文的长单词，比如url

---

使用实例

默认属性

Before requestAniamtionFrame Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.

使用word-break:break-all

Before requestAniamtionFrame Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.

使用word-wrap:break-word

Before requestAniamtionFrame Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.

可以看出，在一般的用法中，使用word-break:break-all的影响比较大

---

white-space:no-wrap

禁止换行

Before requestAniamtionFrame Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.

同时，这个属性对于中文也是有效果的，可以禁止中文换行

禁止换行同时溢出隐藏

Before requestAniamtionFrame Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.