본문 바로가기
CSS/CSS 기초

[CSS]좌우정렬 text-align: justify; 사용법

by 알찬 퍼블리셔 2019. 5. 28.
728x90
반응형

text-align: justify; 는 좌우에 맞게 정렬이지만, 문장이 한줄을 꽉 채워지지 않을 때는 차이가 없고, 

 

줄이 바뀔때 차이가 보인다.

 

첫번째 문단의 각줄의 끝을 보면 모두 다른위치에서 끝나지만 

 

text-align: justify; 값을 지정해준 두번째 문단은 모두 일정하게 끝나는것을 볼 수 있다

 

하지만 첫번째 문단과 두번째 문단 모두 같은 단어에서 끝어진다.

첫번째 문단과 두번째 문단의 차이는

두번째 문단은 각줄이 양끝에 문장의 위치가 맞춰지도록  띄어쓰기 부분의 길이가  조절된다.  

 

 

 

 

 

 

728x90
반응형

댓글