Javascript & JQuery & CSS

white-space 은 텍스트 관련 스타일 시트로 하얀색 공백, 즉 탭이나 스페이스바로 만들어진 공백 문자 처리 기능을 가지고 있습니다.

그리고 요소의 넓이를 넘어갔을 때 자동 줄 바꿈을 할 것인지 결정합니다. 흔히 프로그램의 소스 표현할 때 많이 쓰이죠.

p { white-space: nowrap; width: 160px; background: #f1f1f1; }


1. normal

정해진 영역에 따라 줄이 바뀜. 일반적인 것

2. pre

마크업에서 엔터 친 부분에서 줄이 바뀜. 정해진 영역에서 벗어날수도 있음.


3. nowrap

줄바뀜없음.


4. pre-wrap

pre와 같이 엔터 친 부분에서 줄바뀜이 일어나고, 정해진 영역에서도 줄바뀜이 일어남