101505216.jpg

解决办法如下：

word-wrap ： normal | break-word

设置或检索当当前行超过指定容器的边界时是否断开转行。


normal：
控制连续文本换行。
break-word：
内容将在边界内换行。如果需要，词内换行（word-break）也会发生。
overflow 属性规定当内容溢出元素框时发生的事情。
值描述
visible默认值。内容不会被修剪，会呈现在元素框之外。
hidden内容会被修剪，并且其余内容是不可见的。
scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit规定应该从父元素继承 overflow 属性的值。
  1. <styletype="text/css">
  2. div{ 
  3.     width:100px; 
  4.     height:100px; 
  5.     border:1px solid #f00; 
  6.     word-wrap:break-word; 
  7.     overflow:hidden; 
  8. } 
  9. </style>
  10. <div>
  11.     ssssssssssssssssssssssssssssssssss 
  12. </div>


102311398.jpg

2013-07-26新增：
如果上面的DIV中各文字之间加入<span>标签，好像就不起作用了（还是不自动换行）。

解决办法：
.link_middle span{display:-moz-inline-box;display:inline-block;
}


经测试 兼容各种版本浏览器