最近新学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>放在一起用还挺好用的。