단어 줄 바꿈을 사용하여 텍스트 오버플로 문제를 해결하는 방법

p의 너비는 분명히 제한되어 있지만 aaaaaaaaaa... 등을 입력하면 자동으로 줄 바꿈되지 않습니다. 확인해 보니 문제가 없는 것으로 나타났습니다(연속된 문자는 한 단어로 간주됩니다). 단어를 감싸서는 안 됩니다. 해결책은 다음과 같습니다.

​word-break:break-all 및 word-wrap:break-word

Word-break:break-all 및 word-wrap:break-word는 긴 문자열의 개행 문제를 해결하는 데 자주 사용됩니다.

일련의 테스트 후에 word-break:break-all은 IE6/7/chrome/safari에서 동일하며 꼬리 잘림을 보인 반면 ff3.0/opera에서는 유효하지 않은 것으로 나타났습니다. 너무 긴 단어는 새 줄에 표시되고 경계를 넘습니다.

Word-wrap:break-word;는 IE6/7/chrome/safari에서 동일합니다. 긴 단어가 새 줄로 바뀌고 더 이상 표시할 수 없을 때 잘리는 것처럼 동작합니다. 그리고 ff3.0/opera도 유효하지 않은 것 같습니다

분명히 word-wrap:break-word;는 사용자 경험에 더 가깝고, 외국인은 영어 단어를 조각으로 나누는 것을 좋아하지 않습니다. ff3.0 및 Opera의 경우 Overflow-x:hidden을 통해서만 숨길 수 있습니다(ff3.5는 이미 이 속성을 지원합니다).

제안 사항은 다음과 같습니다

Word-wrap:break-word;overflow-x:hidden;width:500px;

위 내용은 단어 줄 바꿈을 사용하여 텍스트 오버플로 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!