word-wrap控制是否换行,设置break-word时强制换行,中文、英文都没有问题,但是对于长串的英文不起作用。
break-word控制是否断词,默认normal不断词(英文);break-all 断词,单词到边界时,下个字母自动换行,解决长串英文的问题;keep-all,对于Chinese、Japanese、Korean不断词,不用word-wrap就可保持不换行(不影响英文)。
div内的一段中文单词,用空格分隔。默认情况下,到了div边界就换行,无论此时是中文还是空格,但此时并不希望中文单词被断开。
为div加上white-space: nowrap属性,整体不换行了,整行溢出div。
为每个单词套上span,将white-space: nowrap属性换到每个单词的span上,恢复div内换行,并且不打断中文单词。
|