CSS는 강제 비줄바꿈/자동 줄바꿈/강제 줄바꿈을 구현합니다.

강제로 줄 바꿈 없음
div{
공백:이제 랩;
}

자동 줄바꿈

div{
word-wrap: break-word;
단어 분리: 정상;
}

강제 영어 단어 줄 바꿈

div{
단어 나누기:모두 나누기;
}

CSS 설정은 리디렉션되지 않습니다.

오버플로:숨겨진 숨기기
공백: 일반 기본값
개행 문자 및 기타 공백 문자는 보호됩니다.
nowrap은 텍스트의 끝이나 br 객체를 만날 때까지 모든 텍스트를 같은 줄에 표시하도록 강제합니다.

강제 줄바꿈 설정:
단어 분리:
Normal ; 아시아 및 비아시아 언어의 텍스트 규칙에 따라 단어 내에서 줄 바꿈을 허용합니다.
break-all : 동작은 아시아 언어의 경우와 동일합니다. 비아시아 언어 텍스트 줄의 모든 단어 내에서의 구분도 허용됩니다. 이 값은 일부 비아시아 텍스트가 포함된 아시아 텍스트에 적합합니다.
keep-all : 모든 비아시아 언어의 경우와 동일합니다. 중국어, 한국어, 일본어의 경우 단어 구분이 허용되지 않습니다. 비아시아 텍스트와 소량의 아시아 텍스트 간의 고해상도에 적합합니다.

영어 줄을 끊지 않는

CSS에 word-break: break-all; 을 추가하면 문제가 해결됩니다

이 문제는 IE에서만 발생합니다. FF에서 테스트하면 효과에 영향을 주지 않는 스크롤 막대가 추가될 수 있습니다.

본문에 word-break: break-all;을 추가하는 것을 권장합니다. 이는 IE의 프레임이 영어로 차단되는 문제를 해결할 수 있습니다

.

break

구문입니다.

-all | 모든 항목 유지

매개변수:

일반: 아시아 언어 및 비아시아 언어의 텍스트 규칙에 따라 단어 내에서 줄 바꿈을 허용합니다.
break-all : 동작은 아시아 언어의 경우와 동일합니다. 비아시아 언어 텍스트 줄의 모든 단어 내에서의 구분도 허용됩니다. 이 값은 일부 비아시아 텍스트가 포함된 아시아 텍스트에 적합합니다.
keep-all : 모든 비아시아 언어의 경우와 동일합니다. 중국어, 한국어, 일본어의 경우 단어 구분이 허용되지 않습니다. 소량의 아시아 텍스트가 포함된 비아시아 텍스트에 적합합니다.

설명:

개체 내의 텍스트에 대한 단어 내 줄 바꿈 동작을 설정하거나 검색합니다. 특히 여러 언어가 나타날 때.
중국어의 경우 break-all을 사용해야 합니다.
해당 스크립트 기능은 wordBreak입니다. 제가 쓴 다른 책들도 참조해 주세요.

예:

div {단어 나누기: 나누기 모두 }