AAtomic CSS

text-justify

text-align: justify 적용 시 정렬 방식을 제어합니다. tjw는 서양 텍스트에, tjc는 CJK 텍스트에 적합합니다.

클래스 목록

클래스CSS설명
tjatext-justify: auto브라우저 자동 결정 (기본값)
tjntext-justify: none정렬 비활성화
tjwtext-justify: inter-word단어 사이 간격으로 정렬
tjctext-justify: inter-character글자 사이 간격으로 정렬

사용 예시

taj(text-align: justify)와 함께 사용합니다.

<!-- 서양 텍스트: 단어 간격 정렬 -->
<p class="taj tjw">
  This is a long paragraph of English text that will be
  justified by adjusting the spacing between words.
</p>

<!-- CJK 텍스트: 글자 간격 정렬 -->
<p class="taj tjc">
  이것은 글자 사이의 간격을 조절하여 양쪽 정렬되는
  한국어 텍스트입니다.
</p>

언제 뭘 쓸까?

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