CSS 단어 구분 속성의 구체적인 사용법 소개

웹 페이지에서 텍스트를 처리할 때 다양한 줄 바꿈이 발생합니다. 그렇다면 페이지 요소는 어떤 상황에서 줄 바꿈을 수행합니까? word-break 코드를 통해 이 줄 바꿈을 정확하게 제어할 수 있습니다.

구문: ​​

word-break : normal | break-all | keep-all

매개변수:

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

설명:

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

예:

div {word-break : break-all; }

앱 코드. 우리는 테스트 요소 내에서 단어 분리에 대한 매개변수를 결정했습니다.

p.test {word-break:hyphenate;}

브라우저 지원 측면에서 단어 분리는 여전히 요구 사항을 매우 잘 충족합니다. 대부분의 브라우저는 이 코드를 지원합니다.

단어 나누기를 사용하는 방법. 기본값은 Normal입니다. inheritanceness는 yes입니다. 버전은 CSS3

java 사용입니다. object.style.wordBreak="keep-all" 이 Java 문에서는 다른 매개변수 값을 제공합니다.

코드 구문.

word-break: normal|break-all|keep-all;

이 코드에는 세 가지 상황이 있습니다. Normal은 브라우저 기본값입니다. break-all은 단어 내의 줄 바꿈입니다. keep-all은 반자 공백 또는 하이픈입니다.

스타일 프로세스에서는 학습자가 비교할 수 있는 두 가지 방법을 제공합니다. 동시에 외부 프레임의 정의도 동시에 활성화되는 것을 볼 수 있습니다.

아아아아

위 내용은 CSS 단어 구분 속성의 구체적인 사용법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!