<span style="width:100px;overflow:hidden;text-overflow:ellipsis">中文测试好样的好样好样的</span>在不使用<nobr>的情况下，怎么使它

Question

<span style="width:100px;overflow:hidden;text-overflow:ellipsis">中文测试好样的好样好样的</span>
<br><nobr>在不使用的情况下，怎么使它生效啊？</nobr>这分好得，快加分，哈

Answer 1

<span style="width:100px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all">中文测试好样的好样好样的</span>

Answer 2

<span style="width:100px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all">中文测试好样的好样好样的</span>

Answer 3

<span style="width:100px;overflow:hidden;text-overflow:clip;word-break:keep-all">中文测试好样的好样好样的</span>

Answer 4

谢谢，word-break，这个属性，我好象试过，奇怪，当时，怎么不对？但这个放大采用javascript来动态实现，怎么就不行了？
语法错误吗？
<span style="width:100px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all">中文测试好样的好样好样的</span>
<span id="t">中文测试好样的好样好样的</span><script language="javascript">
function SetStyle( obj ){
obj.style.width = '50px';
obj.style.overflow = 'hidden';
obj.style.textoverflow = 'ellipsis';
obj.style.wordbreak = 'keep-all';
alert( "obj:" + obj.outerHTML );
}SetStyle( document.getElementById( 't' ) );
</script>

Answer 5

大小写<span style="width:100px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all">中文测试好样的好样好样的</span><br><span id="t">中文测试好样的好样好样的</span><script language="javascript">
function SetStyle( obj ){
obj.style.width = '100px';
obj.style.overflow = 'hidden';
obj.style.textOverflow  = 'ellipsis';
obj.style.wordBreak = 'keep-all';
alert( "obj:" + obj.outerHTML );
}SetStyle( document.getElementById( 't' ) );
</script>