[CSS] (white-space) 줄바꿈 금지

개념 : white-space CSS 속성은 요소 내부의 공백을 처리하는 방법을 설정합니다.

[속성]
- 공백이 축소 되는지 여부와 방법 .
- 소프트 랩 기회에서 줄이 줄 바꿈될 수 있는지 여부.

* 참고 : 단어 자체 를 분리하려면 overflow-wrap, word-break 또는 hyphens대신 사용하십시오.

white-space : normal
공백 시퀀스가 ​​축소 됩니다. 소스의 개행 문자는 다른 공백과 동일하게 처리됩니다. 
라인 상자를 채우는 데 필요한 만큼 라인이 끊어집니다.

white-space : nowrap
와 같이 공백을 축소normal 하지만 소스 내에서 줄 바꿈(텍스트 줄 바꿈)을 억제합니다.

white-space : pre
공백 시퀀스가 ​​유지됩니다. <br>줄은 소스와 요소 의 줄 바꿈 문자에서만 끊어집니다 .

white-space : pre-wrap
공백 시퀀스가 ​​유지됩니다. 줄 바꿈 문자에서 줄은 줄 바꿈되며 <br>줄 상자를 채우는 데 필요합니다.

white-space : pre-line
공백 시퀀스가 ​​축소 됩니다. 줄 바꿈 문자에서 줄은 줄 바꿈되며 <br>줄 상자를 채우는 데 필요합니다.

white-space : break-spaces
동작은 pre-wrap다음을 제외하고 의 동작과 동일합니다.
보존된 공백의 시퀀스는 줄 끝을 포함하여 항상 공간을 차지합니다.
공백 문자 사이를 포함하여 보존된 모든 공백 문자 뒤에 줄 바꿈 기회가 있습니다.
이러한 보존된 공간은 공간을 차지하고 매달리지 않으므로 상자의 고유 크기(최소 콘텐츠 크기 및 최대 콘텐츠 크기)에 영향을 줍니다.