디브에서 긴 단어를 단어로 묶는 방법이 있습니까?

디브에서 긴 단어를 단어로 묶는 방법이 있습니까?

Internet Explorer가 단어 랩 스타일이 있는 것은 알고 있지만, div에서 텍스트를 생성하는 크로스 브라우저 방식이 있는지 알고 싶습니다.

CSS를 원하지만 자바스크립트 스니펫도 잘 작동할 것입니다.

긴 줄을 말씀드리는 겁니다.

원문을 읽으며 러더퍼드는 끊기지 않은 텍스트를 랩핑하는 크로스 브라우저 방법을 찾고 있습니다. (IE용 워드랩을 사용한 것에서 유추할 수 있으며, 끊기지 않은 문자열을 끊도록 설계되었습니다.

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

저는 지금 이 수업을 좀 사용해봤는데, 매력적으로 작용합니다.(참고:파이어폭스와 IE에서만 테스트했습니다.)

파이어폭스 38.0.5에서는 대부분의 이전 답변이 제게 맞지 않았습니다.이거는...

<div style='padding: 3px; width: 130px; word-break: break-all; word-wrap: break-word;'>
    // Content goes here
</div>

설명서:

• 낱말을 끊는
• 단어를 쓰는

white-space: pre-wrap

quirksmode.org/css/whitespace.html

Aaron Bennet의 솔루션은 저에게 완벽하게 적용되지만, 그의 코드에서 이 줄을 제거해야 했습니다. -->white-space: -pre-wrap;오류가 발생했기 때문에 최종 작동 코드는 다음과 같습니다.

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

정말 감사합니다.

데이비드가 언급한 것처럼 DIV는 기본적으로 랩 단어를 사용합니다.

공백이 없는 텍스트 문자열이 정말 긴 경우 문자열 서버측을 처리하고 빈 범위를 삽입합니다.

thisIsAreallyLongStringThatIWantTo<span></span>BreakToFitInsideAGivenSpace

글자 크기 등의 문제가 있어서 정확하지 않습니다.용기의 크기가 가변적인 경우 span 옵션이 작동합니다.고정된 폭의 컨테이너라면 그냥 줄 바꿈을 삽입하시면 됩니다.

div의 너비를 픽셀, 백분율 또는 em 단위로 지정할 수 있습니다. 그러면 div는 너비로 유지되고 텍스트는 div 내에서 자동으로 래핑됩니다.

언급URL : https://stackoverflow.com/questions/1638223/is-there-a-way-to-word-wrap-long-words-in-a-div