加上如下的CSS設置,就是設定好寬度width,然后設置合適的word-wrap和word-break屬性:
.breakAll{ white-space:normal; word-break:keep-all; word-wrap: break-word; }
word-warp 屬性設置如何處理單詞的折行,可以取的值有ul里面的li折行其實跟其他塊狀(block)元素的折行都是一樣的。以下是相關的CSS屬性:
word-wrap: normal | break-word
word-break 屬性設置如何處理單詞折斷,僅支持IE,可以取的值有:
word-break: normal | break-all | hyphenate
white-space 屬性設置如何處理元素內的空白。可以取的值有:
white-space: normal | nowarp | pre | pre-line | pre-warp | inherit
經測試對中文也有效。