2012-07-23 7 views
0

나는 textarea 요소가 있으며 그 위에 텍스트 영역 (예 : -facebook 주석 상자) 위에 정확히 겹쳐진 div 블록이 있습니다.이 줄까지 차갑지 않고 괜찮습니다. - 장면이 나타납니다. 그래서 나는 텍스트 영역에서 모든 줄 바꿈 (자연어 감싸기)을 감지하고 div 블록에 <br/> 태그를 삽입 할 때마다이를 삽입하려고합니다.textarea 자연 줄 바꿈 감지

사실, 텍스트 영역의 문자를 반복하면 문제가 해결 될 수 있지만 특히 텍스트 영역의 값이 매우 길 때 프로세스를 과도하게 수행합니다.

html5의 "wrap-hard"속성은 정확히 내가 필요한 것이지만 양식 제출을 요구합니다.

누군가가 텍스트 영역에서 자연적인 줄 바꿈을 감지하는 이상적인 방법을 제안 할 수 있습니까? 많은 감사합니다.

+0

[word-break] (http://caniuse.com/#feat=word-break)는 어떨까요? – rcdmk

답변

1

당신은 사업부에서 word-break 또는 white-space 속성을 사용할 수 있습니다 :

http://caniuse.com/#feat=word-break
http://www.w3schools.com/cssref/playit.asp?filename=playcss_white-space&preval=pre-line

+0

나는 둘 다 시도했다 !! 단점은 - 텍스트 영역에서 단어의 길이가 텍스트 영역의 너비를 초과하지 않는 한 단어는 단순히 새 줄로 나누지 않을 것입니다 !! – spaceman12

+0

pre-line 또는 'white-space'에 대한 다른 값이 있더라도 발생합니까? – rcdmk

+0

또한'normalise.css'를 사용하고 있습니까? – rcdmk