怎样能让一个字符串排列的时候成为一个整体
比如,下面4个字符串长短不一,但是他们在排列的时候如果超出最外面的div,那么最后一个字符串直接到下面一行,而不是最后一个字符串有一部分在前一行,有一部分在第二行,我用 <span class= "item "> </span> 来表示 请问 css怎么写能达到效果
正确:
字符串1 字符串111 字符串11111
字符串字符串
错误
字符串1 字符串111 字符串11111 字符串字
符串
------解决方案--------------------word-break:keep-all
------解决方案-------------------- <style type= "text/css ">
div {width:200px;border:1px solid #ddd;word-break:keep-all;}
</style>
<div> 测试test 测试test 测试test 测试test </div>
------解决方案-------------------- <style type= "text/css ">
div {width:200px;border:1px solid #000;word-break:keep-all;}
</style>
<div> 中华人民共和国 美国 一二三四五六 中华人民共和国 美国 一二三四五六 </div>
------解决方案-------------------- 楼上正解
用 word-break:keep-all 就OK啦