white-space 프로퍼티

 

white-space 프로퍼티

·       white space는 여백, 공백, 공란, 띄어쓰기를 의미합니다.

·       Enter키를 통한 줄 바꿈(line break), Tab키를 통한 들여쓰기(tab), Space bar키를 통한 공백(space) 통해 화이트스페이스가 생성됩니다.

·       html 문서의 코드상에서는 공백이 아무리 많아도 1개로만 표시됩니다.

·       하나 이상의 공백을 표시하기 위해서  를 써서 표시해 주어야 합니다.

 

프로퍼티 값	설명
normal	·       기본값 ·       여러 개의 공백은 1개만 표시 ·       텍스트 자동 줄바꿈 (wrap)
pre	·       공백이나 줄바꿈을 있는 그대로 표시
nowrap	·       여러 개의 공백은 1개만 표시, ·       태그에 의한 줄바꿈(<br/>등)을 제외한 줄바꿈을 허용하지 않도록 설정 ·       텍스트 자동 줄바꿈 없음
pre-line	·       HTML에서 줄바꿈 한 것이 그대로 적용 되면서  width를 넘어가는 텍스트도 자동으로 줄바꿈이 됩니다
pre-wrap	·       pre-line 과 비슷

 

프로퍼티 값	공백 인식	자동 줄바꿈	들여쓰기
normal	공백 1개	O	공백 1개
pre	여러 개의 공백 표시	X	여러 개의 공백 표시
nowrap	공백 1개	X	공백 1개
pre-line	여러 개의 공백 표시	O	공백 1개
pre-wrap	여러 개의 공백 표시	O	여러 개의 공백 표시