防止編輯內容的div增長水平

Question

我有被設置爲可編輯

<div class=".textarea_mask" contenteditable ></div> 

一個div基本上，我想模仿使用的文本區域作爲一個div的。我在現代瀏覽器中工作正常，但我需要它在IE8中工作。當我輸入一個像abcdefghijklmnopqrstuvqxyzabcdefghijklmnopqrstuvqxyzabcdefghijklmnopqrstuvqxyz這樣的長句時，IE8發生了什麼。它違反了可編輯div的邊界，當我應用overflow-x：none時，div展開或文本被隱藏。這然後導致div div擴展

有沒有辦法在jquery中檢測到溢出，然後切斷長長的短語，以便它停留在div的寬度內？

N.B.輸入標準文本 - 「貓和狗」會自動進入下一行。

在此先感謝

Answer 1

有做這個簡單的CSS屬性：溢出包裝。雖然幾乎所有的瀏覽器仍然有它實現爲 '自動換行'（http://caniuse.com/wordwrap）

MDN：https://developer.mozilla.org/en-US/docs/CSS/word-wrap

演示：http://jsfiddle.net/THC5q/4/

HTML：

<div> 
    ABCDEFGHIJKLMNOPQRSTUVWXYZ 
</div>​ 

CSS：

div { 
    width: 200px; 
    background-color: #ff0; 
    word-wrap: break-word; 
}