728x90
반응형
text-align: justify; 는 좌우에 맞게 정렬이지만, 문장이 한줄을 꽉 채워지지 않을 때는 차이가 없고,
줄이 바뀔때 차이가 보인다.
첫번째 문단의 각줄의 끝을 보면 모두 다른위치에서 끝나지만
text-align: justify; 값을 지정해준 두번째 문단은 모두 일정하게 끝나는것을 볼 수 있다
하지만 첫번째 문단과 두번째 문단 모두 같은 단어에서 끝어진다.
첫번째 문단과 두번째 문단의 차이는
두번째 문단은 각줄이 양끝에 문장의 위치가 맞춰지도록 띄어쓰기 부분의 길이가 조절된다.
728x90
반응형
'CSS > CSS 기초' 카테고리의 다른 글
[CSS] border-images 테두리 이미지로 그려넣기 (0) | 2019.05.28 |
---|---|
[CSS]글쓰는 방향 (0) | 2019.05.28 |
[CSS] 반응형 사이즈 단위 알아보기 (em/vw/vh/vmin/vmax) (0) | 2019.05.27 |
[CSS] css를 쓰다보면 알아야하는 가상선택자 (245) | 2019.05.23 |
[CSS]가상선택자 :before / : after 활용하기 (0) | 2019.05.23 |
댓글