text-align:justify 한 줄에 적용하기

.justify { text-align:justify; }
.justify:after { content:""; display:inline-block; width:100%; }
<div class="justify" style="border:1px solid black;">한줄에 정렬 가능</div>

<div class="justify" style="border:1px solid black;">여러줄에 모두 적용도 가능 여러줄에 모두 적용도 가능 여러줄에 모두 적용도 가능 여러줄에 모두 적용도 가능 여러줄에 모두 적용도 가능 여러줄에 모두 적용도 가능 여러줄에 모두 적용도 가능 여러줄에 모두 적용도 가능 여러줄에 모두 적용도 가능</div>

텍스트 행의 끝을 맞추는 justify 정렬을 한 줄에도 사용할 수 있습니다. (단 IE8+ 에서 사용가능)
여러줄에 적용할 경우 마지막 줄에도 적용됩니다.

IE7 에서는 사용할 수 없지만 모바일에서 적용하면 유용하겠습니다.

결과

“text-align:justify 한 줄에 적용하기”에 대한 2개의 생각

  1. 안녕하세요? JQueryTouchSlider 이용하고 있습니다. 그런데 사진이 깜빡이며, 10번 클릭 시 빈화면 노출됨? 외그래요?

    1. 말씀하신 내용만으로는 어떤 상황인지 잘 모르겠네요 ^^;

답글 남기기

이메일 주소는 공개되지 않습니다.

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.