word-break:break-all을 사용하여 새 줄을 강제로 적용하는 방법은 무엇입니까?

일반적인 상황에서 요소의 기본값은 white-space:normal입니다(자동 줄 바꿈, PS: 줄 바꿈 없음은 white-space:nowrap임). 입력한 텍스트가 정의된 너비를 초과하면 자동으로 줄 바꿈됩니다. 그러나 입력할 때 공백 없이 문자나 숫자 또는 문자 묶음이 입력됩니다(일반 데이터가 있으면 안 되지만 일부 테스터는 이렇게 합니다). 컨테이너의 너비를 초과하면 컨테이너가 줄 없이 확장됩니다. 휴식.

해결 방법(IE, chrome, FF를 테스트 브라우저로 사용):

{　　word-break:break-all;
　　 word-wrap:break-word;
}

두 방법의 차이점은 다음과 같습니다.

1, word-break:break-all 예를 들어 div 너비가 200px인 경우 , it 내용이 자동으로 200px로 줄 바꿈됩니다. 줄 끝에 긴 영어 단어(축하합니다 등)가 있는 경우 해당 단어를 자르고 끝 부분에 conra(축하의 앞부분)로 바꿉니다. 라인의 다음 라인은 백엔드 부분의 tulation(conguatulation)입니다.

2, word-wrap:break-word 예제는 위와 동일하지만 줄 끝이 표시될 만큼 넓지 않은 경우 전체 단어를 축하한다는 차이점이 있습니다. 전체 단어의 경우, 단어를 자르지 않고 자동으로 전체 단어를 다음 줄에 넣습니다.

3, word-break:break-all 지원 버전: IE5 이상 이 동작은 아시아 언어의 일반적인 동작과 동일합니다. 비아시아 언어 텍스트 줄의 모든 단어 내에서의 구분도 허용됩니다. 이 값은 일부 비아시아 텍스트가 포함된 아시아 텍스트에 적합합니다.

word-wrap:break-word 지원 버전: IE5.5 이상 콘텐츠가 경계 내에서 줄바꿈됩니다. 필요한 경우 단어 분리도 발생합니다. 테이블이 늘어나는 것을 방지하기 위해 자동으로 포장됩니다.

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

구문: ​​word-wrap: 일반 | break-word
매개변수: 일반: 콘텐츠가 지정된 컨테이너 경계에 대해 푸시되도록 허용
　　break-word: 콘텐츠는 경계 내에서 감싸십시오. 필요한 경우 word-break도 발생합니다. 설명: 현재 줄이 지정된 컨테이너의 경계를 초과할 때 줄을 끊을지 여부를 설정하거나 검색합니다.

제안: 단어 분리에 대한 3C 감지는 Baidu 스냅샷에서도 문제를 일으킬 수 있는 문제를 표시합니다. 이 속성 OPERA FIREFOX 브라우저는 단어 분리 속성을 대신 사용할 수 있습니다. FireFox와 IE 모두에서 줄 바꿈을 올바르게 수행할 수 있으며, 단어 사이의 공백을 사용하여 대체할 수 없다는 점에 유의하십시오. 그렇지 않으면 줄 바꿈을 올바르게 수행할 수 없습니다.

위 내용은 word-break:break-all을 사용하여 새 줄을 강제로 적용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!