[CSS] white-space (공백과 줄 바꿈 지정하는 속성)

white-space ?

 

white-space는 스페이스와 탭, 줄바꿈, 자동줄바꿈을 어떻게 처리할지 정하는 속성이다.

 

• 기본값 : normal
• 상속 : Yes
• 애니메이션 : No

문법

white-space: normal | nowrap | pre | pre-wrap | pre-line | initial | inherit

 

		자동 줄바꿈
normal	연속된 공백과 줄 바꿈은 메꾸어져서 하나의 공백으로 표시된다. 소스(Source)내의 줄 바꿈 문자도 공백 문자로써 처리된다. 필요하다면 긴 줄을 줄바꿈 한다.	O
nowrap	normal과 같이 공백을 채우지만 가로로 긴 줄에서도 줄 바꿈을 하지 않고 표시한다.	X
pre	연속된 공백을 그대로 표시한다. 또한 긴 줄도 줄 바꿈하지 않고 표시한다.	X
pre-wrap	연속 공백은 그대로 유지된다. 행의 줄 바꿈은 행의 박스를 채우기 위해 필요한 경우에 실행한다.	O
pre-line	연속 공백은 메꾸어져 하나의 공백이 된다. 행의 줄 바꿈은 행의 박스를 메꾸기 위해 필요한 때에 실행된다.	O

 

 

<style> 
　.normal {white-space:normal;}
　.nowarp{white-space:nowrap;}
　.pre{white-space:pre;}
　.prewrap{white-space:pre-wrap;}
　.preline{white-space:pre-line;}
　　　}
</style>
<p class=" ">요소의          공백문자  를  어   떻게처리할 지를    정의합니다.</p>