text-justify

Controls the justification method when text-align: justify is applied. tjw suits Western text, tjc suits CJK text.

Class List

ClassCSSDescription
tjatext-justify: autoBrowser auto-detection (default)
tjntext-justify: noneDisable justification
tjwtext-justify: inter-wordJustify by inter-word spacing
tjctext-justify: inter-characterJustify by inter-character spacing

Usage Examples

Used with taj (text-align: justify).

<!-- Western text: word gap justification -->
<p class="taj tjw">
  This is a long paragraph of English text that will be
  justified by adjusting the spacing between words.
</p>

<!-- CJK text: character gap justification -->
<p class="taj tjc">
  This is justified text where the gaps between characters
  are adjusted for alignment.
</p>

When to Use What?

Text TypeRecommendedReason
영어, 유럽어tjw단어 사이 간격으로 정렬
한중일 (CJK)tjc글자 사이 간격으로 정렬
혼합 텍스트tja브라우저가 자동 판단