CSS를 사용하여 정렬 된 텍스트에서 단어 간격을 제어하는 ​​방법은 무엇입니까?

나는 아주 작은 텍스트 블록 2 개를 가지고 있는데 (각 단락 아래에) 그것들은 실제로 더 잘 보입니다. 그러나 문제는 text-align: justify;때로는 실제로 큰 공간을 추가하고 텍스트를 약간 못생긴 것입니다 (반대 효과).

이것이 일어나지 않도록 CSS를 사용하여 단어 간격을보다 세밀하게 조정할 수 있습니까?

CSS 텍스트 정의

이 IE 전용 속성은 속성에 사용 된 "justify"값을 개선 text-align합니다. 실제로 해당 속성에 text-justify영향을 미치 려면“justify”값을 설정해야합니다 .

text-justify 동봉 된 컨텐츠에 대한 세밀한 타당성 제어를 제공하여 다른 언어 작성 시스템에 사용되는 다양한 정교한 칭의 모델을 허용합니다.

예

<p style="text-align: justify; text-justify: newspaper;">
    This is “Newspaper” justified content
</p>

가능한 값

VALUE                   DESCRIPTION
----------------------  ---------------------------------------------------------------------
auto                    The browser will determine the appropriate justification algorithm
                        to use

distribute              Justification is handled similarly to the “newspaper” value,
                        but this version is optimized for East Asian content
                        (especially the Thai language.)
                        In this justification method, the last line is not justified.

distribute-all-lines    Behavior and intent for this value is the same as with the
                        “distribute” value, but the last line is also justified.

inter-cluster           Justifies content that does not have any inter-word spacing
                        (such as with many East Asian languages.)

inter-ideograph         Used for justifying blocks of ideographic content.
                        Justification is achieved by increasing or decreasing spacing
                        between ideographic characters and words as well.

inter-word              Justification is achieved by increasing the spacing between words.
                        It is the quickest method of justification and does not justify
                        the last line of a content block.

newspaper               Spacing between letters and words are increased or decreased
                        as necessary.

IE의 참고 문헌은 "이것은 라틴 알파벳에 대한 가장 정교한 형태의 정당화입니다"라고 말합니다.

출처 : http://www.css3.com/css-text-justify/

도움이 되었기를 바랍니다!

text-justify현재 IE에서만 지원되는 것으로 보이는 것 외에도 명시적인 하이픈 힌트 ­및 / 또는 브라우저 기반 자동 하이픈 hyphens: auto과 함께 하이픈 추가, 브라우저 접두사 또는 Hyphenator.js와 같은 JavaScript 기반 하이픈 사용을 고려하십시오. 하이픈을 사용하면 자리 맞추기에 간격을 추가 할 필요성이 크게 줄어 듭니다.