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;
}

經測試 兼容各種版本瀏覽器