解决方法
使用以下样式:
.divideMe{ width:100px; word-wrap: break-word; } <div class='divideMe'>reallyreallyreallyreallyreallyreallylongstring</div>
它会输出
reallyreallyreally reallyreallyreallyl ongstring
虽然它并没有真正打破块中的单词,所以你仍然可以通过双击(三次)来选择它.我不确定浏览器是如何兼容的,但它似乎在我可用的浏览器上运行良好.请记住,这是一个CSS3属性.
在IE 6,7,8上测试工作正常. FF 3.6也很好
另一个解决方案是隐藏溢出并显示滚动条,如果你想将它保持在一行.但是,由于你的第一种方法是显示整个字符串而不是隐藏它,我认为这可能是一个很好的方法.