줄바꿈 방지

nowrap 스타일 속성을 지정하면 다음과 같이 문단이 줄바꿈 없이 유지된다.

이 문단은 white-space 속성을 nowrap으로 지정했으니 줄바꿈되지 않고 한 줄로 표시될 것이다.

그리고 nowrap 패턴을 이용하면 다음과 같이 일부 브라우저에서 하이픈으로 연결된 단어를 줄바꿈해 두 줄로 표시하는 것을 방지할 수 있다. super-cali-fragilistic-expi-ali-docious-super-cali- fragilistic-expi-ali-docious-super-cali-fragilistic-expi-ali-docious- super-cali-fragilistic-expi-ali-docious-super-cali-fragilistic-expi- ali-docious!

white-space 속성에 nowrap 값을 지정하면 이렇게 <br />처럼 빈칸이 들어 있는 짧은 코드가 두 줄로 나뉘지 않고 이어져 표시된다.

nowrap을 지정하지 않으면 빈칸이 들어 있는 코드가 <br />처럼 두 줄로 나뉘어 표시돼버린다.

nowrap을 지정한 글이 컨테이너 너비보다 길 수도 있다. 그것이 다른 요소의 너비에 영향을 주진 않지만 브라우저에 가로 스크롤 바가 생긴다.