AAtomic CSS

text-justify

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

클래스 목록

<tr> <th class="tal py12px px16px bg18181B bb2pxsolid27272A cA1A1AA fw600 ttu fs12px ls0-05em">클래스CSS설명
tjatext-justify: auto브라우저 자동 결정 (기본값)
tjntext-justify: none정렬 비활성화
tjwtext-justify: inter-word단어 사이 간격으로 정렬
tjctext-justify: inter-character글자 사이 간격으로 정렬

사용 예시

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>

언제 뭘 쓸까?

<tr> <th class="tal py12px px16px bg18181B bb2pxsolid27272A cA1A1AA fw600 ttu fs12px ls0-05em">텍스트 종류추천이유
영어, 유럽어tjw단어 사이 간격으로 정렬
한중일 (CJK)tjc글자 사이 간격으로 정렬
혼합 텍스트tja브라우저가 자동 판단
text-orientation