티스토리 뷰

Web

[CSS] White-space

풍요로운 해구름 2021. 9. 10. 09:41

white-space는 공백을 어떻게 처리할지에 관한 속성입니다. 공백이란 띄어쓰기, 탭문자, 줄바꿈문자를 말합니다.

normal 기본 값입니다. 연속된 공백과 줄바꿈은 공백 1개로 대체됩니다.
nowrap 자동줄바꿈을 하지 않습니다. 연속된 공백과 줄바꿈은 공백 1개로 대체됩니다.
pre 자동줄바꿈을 하지 않습니다. 연속된 공백과 줄바꿈을 그대로 표현합니다.
pre-wrap 자동줄바꿈을 지원합니다. 나머지는 pre와 동일합니다.
pre-line pre-wrap와 동일하지만, 연속된 공백을 공백 1개로 대체합니다.
break-spaces pre-wrap와 동일하지만, 텍스트 맨끝에 연속된 공백이 있을 경우 차이가 발생합니다.
pre-wrap는 텍스트 맨끝에 존재하는 연속된 공백을 그대로 보여주지만, 지정된 박스 너비를 넘기는 공백은 무시하거나 삭제해버립니다.
break-spaces는 텍스트 맨끝에 존재하는 연속된 공백을 그대로 보여주며, 박스 너비를 넘어서는 경우 자동으로 줄바꿈하여 표현합니다.
이 속성은 TextArea나 HTML RICH TextEditor 개발에 유용한데, pre-wrap와 달리 맨끝의 공백을 잘라버리지 않고 그대로 출력하며 필요하면 자동으로 줄바꿈 해주기 때문입니다.

'Web' 카테고리의 다른 글

[CSS] White-space  (0) 2021.09.10
OIDC(OpenID Connect)와 OAuth 2.0  (0) 2021.07.22
Token 기반 인증 vs Cookie 인증  (0) 2021.07.22
.NET Garbage Collection  (0) 2018.11.13
댓글
댓글쓰기 폼