>  기사  >  웹 프론트엔드  >  CSS text-justify 속성 사용에 대한 자세한 설명

CSS text-justify 속성 사용에 대한 자세한 설명

黄舟
黄舟원래의
2017-06-20 14:13:254271검색

구문:

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

attribute

도 추가해야 합니다.

중국어 맞춤 설정 코드

<p style="text-align:justify;text-justify:inter-ideograph;width:500px;margin:10px auto;
border:1px solid red;padding:10px;">
这是中文文字的效果:
测试文字内容区开始:
创想信息网—前端开发栏目,关注网站设计、前端开发。
创想信息网其他关注方向有——dedecms二次开发、标签使用及优化,计算机故障排除,学习资源分享,
开发工具推荐,视频教程汇总,精彩博文推荐,社会经验、情感经历分享、数据库使用以及几个常见的web项目运维。
참고:

구두점은 레이아웃 정렬에 영향을 미칩니다. 기본적으로 대부분의 주류 브라우저는 문장 시작 부분을 차지하는 것을 방지합니다. 이 문제를 제어하는 ​​것은 더 복잡합니다.

줄 끝에 공백이 있으면 상황이 다릅니다. 줄 끝에 줄이 자동으로 줄바꿈되며, 구두점은 다음 줄의 시작 부분에도 있을 수 있습니다.

다음 Chuangxiang 정보 네트워크에서는 CSS의 텍스트 양쪽 맞춤에 대한 지식을 검토합니다.

텍스트 양쪽 맞춤: 매개변수는 다음과 같습니다.

auto를 사용하면 브라우저 사용자 에이전트가 다음을 추가하여

단어 간 사용되는 정렬 규칙을 결정할 수 있습니다. 단어 사이의 공백은 텍스트를 정렬합니다. 정렬 동작은 단락의 마지막 줄에 영향을 주지 않습니다.

newspaper 단어나 문자 사이의 공백을 늘리거나 줄여 텍스트를 정렬합니다. 라틴 알파벳을 정당화하는 가장 정확한 형식입니다.

distribute는 신문과 같은 공간을 처리하며 동아시아 문서에 적합합니다. 특히 태국.

distribute-all-lines는 distribution과 동일한 방식으로 줄을 정렬하며, 정렬된 두 단락의 마지막 줄도 포함하지 않습니다.

inter-ideograph는 표의 문자 텍스트에 대한 완전한 정당화를 제공합니다. 그는 단어 사이에 표의 문자와 공백을 추가하거나 뺍니다.

위 내용은 CSS text-justify 속성 사용에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.