DIV中文字不换行解决办法

解决办法如下：

word-wrap ： normal | break-word

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

normal：

控制连续文本换行。

break-word：

内容将在边界内换行。如果需要，词内换行（word-break）也会发生。

overflow 属性规定当内容溢出元素框时发生的事情。

值	描述
visible	默认值。内容不会被修剪，会呈现在元素框之外。
hidden	内容会被修剪，并且其余内容是不可见的。
scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
inherit	规定应该从父元素继承 overflow 属性的值。

<styletype="text/css">
div{
    width:100px;
    height:100px;
    border:1px solid #f00;
    word-wrap:break-word;
    overflow:hidden;
}
</style>
<div>
    ssssssssssssssssssssssssssssssssss
</div>

2013-07-26新增：

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

解决办法：

.link_middle span{
    display:-moz-inline-box;
    display:inline-block;
}

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