방지 편집 가능한 콘텐츠 사업부는 수평

Question

나는 기본적으로 내가 사업부로 텍스트 영역의 사용을 모방 할

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

편집 할 수 설정 사업부가 있습니다. 나는 현대적인 브라우저에서 잘 작동하지만 IE8에서 작동해야한다.과 같은 긴 구문을 입력하면 IE8에서 무슨 일이 발생합니까? 편집 가능한 div의 경계를 벗어나 div가 확장되거나 overflow-x : none을 적용 할 때 텍스트가 숨겨집니다. 이것은 div가 확장되도록합니다.

jquery에서 오버플로를 감지 한 다음 긴 구문을 잘라내어 div의 너비 안에 머물러있게 할 방법이 있습니까?

N.B. 표준 텍스트 입력 - "고양이와 개"는 자동으로 다음 줄로 이동합니다. 오버 플로우 랩 : 사전

Answer 1

이 작업을 수행하는 간단한 CSS-속성이 있습니다에서

감사합니다. 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; 
} 

거의 모든 브라우저가 아직 가지고 있지만 그것은 '줄 바꿈'( http://caniuse.com/wordwrap)

MDN로 구현