구문:
text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
매개변수:
auto: 브라우저 사용자 에이전트가 사용할 정렬 규칙을 결정할 수 있도록 합니다.
inter-word: 단어 사이에 공백을 추가하여 텍스트를 정렬합니다. 이 동작은 모든 텍스트 줄을 정렬하는 가장 빠른 방법입니다. 양쪽 맞춤 동작은 단락의 마지막 줄에 영향을 주지 않습니다.
신문: 단어나 문자 사이의 간격을 늘리거나 줄여 텍스트를 정렬합니다. 라틴 알파벳의 양쪽 끝을 정렬하는 가장 정확한 형식입니다.
distribute: 신문처럼 공백을 처리하며 동아시아 문서에 적합합니다. 특히 태국의 경우
distribute-all-lines: 양쪽 끝의 줄을 정렬하는 방법은 배포와 동일하며 정렬된 두 단락의 마지막 줄도 포함하지 않습니다. 표의 문자 문서의 경우
표의 문자 간: 표의 문자 텍스트에 대한 완전한 정당화를 제공합니다. 표의 문자와 단어 사이의 간격을 늘리거나 줄입니다.
설명:
개체 내의 텍스트 정렬을 설정하거나 검색합니다.
해당 스크립트 기능은 textJustify입니다. 제가 쓴 다른 책들도 참조해 주세요.
예:
div {text-justify : auto; }
때때로 템플릿을 아름답게 만들기 위해 양쪽 끝의 텍스트 정렬을 사용하는 경우가 있습니다. 그렇다면 텍스트 정렬은 어떻게 이루어지며 어떤 문제에 주의해야 할까요? 다음 예:
영어 맞춤 설정 코드<p style="text-align:justify;width:500px;margin:10px auto;border:1px solid red;
padding:10px;">
This is the effect of the English text:
Start:
W3Schools is optimized for learning, testing, and training.
Examples might be simplified to improve reading and basic understanding.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.
While using this site, you agree to have read and accepted our terms of use and privacy policy.
End.
중국어를 다루는 경우 다음 예와 같이 text-justify:inter-ideograph
도 추가해야 합니다.
구두점은 레이아웃 정렬에 영향을 미칩니다. 기본적으로 대부분의 주류 브라우저는 문장 시작 부분을 차지하는 것을 방지합니다. 이 문제를 제어하는 것은 더 복잡합니다.
줄 끝에 공백이 있으면 상황이 다릅니다. 줄 끝에 줄이 자동으로 줄바꿈되며, 구두점은 다음 줄의 시작 부분에도 있을 수 있습니다.
다음 Chuangxiang 정보 네트워크에서는 CSS의 텍스트 양쪽 맞춤에 대한 지식을 검토합니다.
텍스트 양쪽 맞춤: 매개변수는 다음과 같습니다.
auto를 사용하면 브라우저 사용자 에이전트가 다음을 추가하여
단어 간 사용되는 정렬 규칙을 결정할 수 있습니다. 단어 사이의 공백은 텍스트를 정렬합니다. 정렬 동작은 단락의 마지막 줄에 영향을 주지 않습니다.
newspaper 단어나 문자 사이의 공백을 늘리거나 줄여 텍스트를 정렬합니다. 라틴 알파벳을 정당화하는 가장 정확한 형식입니다.
distribute는 신문과 같은 공간을 처리하며 동아시아 문서에 적합합니다. 특히 태국.
distribute-all-lines는 distribution과 동일한 방식으로 줄을 정렬하며, 정렬된 두 단락의 마지막 줄도 포함하지 않습니다.
inter-ideograph는 표의 문자 텍스트에 대한 완전한 정당화를 제공합니다. 그는 단어 사이에 표의 문자와 공백을 추가하거나 뺍니다.
위 내용은 CSS text-justify 속성 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!