HTML5，CSS3中适合网页宽度根据词语自动换行的办法.

最近新学HTML5+CSS3+Jquery

项目中要用到根据词语自动换行。词语是英文，日文，掺杂的。

之前试过很多在css里面加 word-wrap / word-break / text-break / white-space标签的都不管用。

后来才找到一个办法。

HTML5新加了一个标签<wbr>就是预备换行的意思。详细意思可以参照W3School的html5教程。

我这里在每个词语的后面加了<wbr>之后还是会切断单词。后来又在包含词语的div的css里面加上white-space：nowrap 之后就一切OK了。

说了这么多，其实就是想说 css的white-space：nowrap 和 HTML的<wbr>放在一起用还挺好用的。