white-space 속성(nomal, nowrap, pre, pre-wrap, pre-line)

white-space란?

여백 공백을 뜻함

---

nomal

: 기본값

: 공백을 여러개 넣어도 1개의 공백으로 표시

: 글이 길어지면 자동으로 줄바꿈

 

nowrap

: 공백을 여러개 넣어도 1개의 공백으로 표시

: 텍스트가 길어져도 자동으로 줄바꿈 하지 않음, 같은 줄에 계속 표시

 

pre

: 공백을 코드에 있는 그대로 표시

: <pre>태그처럼 동작함

: 코드에 줄바꿈이 없다면 줄바꿈을 하지 않음

 

pre-wrap

: 공백을 코드에 있는 그대로 표시

: 코드에 줄바꿈이 없어도 자동으로 줄바꿈

 

pre-line

: 공백을 여러개 넣어도 1개만 표시

: 코드에 줄바꿈이 없어도 자동으로 줄바꿈

: 코드에 줄바꿈이 있어도 그대로 표시

---

참고

https://www.daleseo.com/css-white-space/

https://aboooks.tistory.com/187