2010-05-17 4 views
1

필자가 글을 쓰고 싶은 작은 공간이 있습니다. 문제는 긴 단어가 입력되면 공간이 없기 때문에 측면에서 흘러 나오는 문제입니다.XHTML - 텍스트를 공백없이 새 줄이나 줄 바꿈으로 만들려면 어떻게해야합니까?

오버플로 : 숨김을 수행 할 수 있지만 이는 내가 찾고있는 것이 아닙니다. 이상적으로 나는 그 단어 앞에 '-'기호로 새 줄을 써 넣고 싶습니다.

단어가 그 자체의 줄에 있기 때문에
은 문제를 해결하지 못합니다.

답변

3

word-wrap:break-word (CSS에서는 줄 바꿈에 -이 없지만 시도해 보았을 때 약간의 브라우저 문제가 있었으므로주의해야합니다.).

두 번째 해결 방법은 <span></span>에 텍스트 (또는 3 또는 5 글자의 패킷 등)로 문자를 래핑하므로 줄 바꿈을 할 때 공백을 포함하지 않고 줄 바꿈을 적용합니다.

하이픈을 추가 할 수 있습니다. 그런 다음 jquery를 사용하여 하이픈 앞에 특정 오프셋이있는 요소를 검색 할 수 있습니다.

+0

필자는 FF, Opera 및 Webkit에서 테스트를 거쳤으며 놀라운 결과를 얻었습니다. 스팬의 경우 실제 문자열이 Twitter에서 가져올 때 작동하지 않습니다. – Henryz

+0

상관 없어요. 이것은 심지어 일부 자바 스크립트와 함께 즉시 할 수 있습니다. 그러나 CSS가 만족 스러웠습니다. 그러나 IE를보십시오. 지금까지 나는 구형 FF와 일부 또는 모든 IE에서 didn'twork임을 기억한다. – naugtur

+0

'word-wrap : break-word'는 적절한 하이픈 대신에 단어를 깨뜨린다. –

관련 문제