日期:2014-05-17  浏览次数:20571 次

怎样能让一个字符串排列的时候成为一个整体
比如,下面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啦