text 설정 (white-space, overflow, text-overflow)

white-space: 자동 줄 바꿈 (CSS)

• 기본값- 자동으로 줄 바뀜

div {
	white-space: wrap;
}

nowrap; : 줄 안 바뀜

---

overflow: 줄바꿈

• overflow-x / overflow-y 따로 설정 가능
• 기본값- 자동 줄바꿈

div {
	overflow-x: visible;
}

auto; : 자동으로 스크롤을 만듦
scroll; : 무조건 스크롤이 생김
hidden; : 넘치는 텍스트 숨김

---

text-overflow : 넘치는 텍스트 끝을 어떻게 표시할지

• 반드시 overflow + white-space 를 함께 써야함
  overflow: hidden; + white-space: nowrap; 와 함께
• 기본값-

div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
}

-> 자동 줄바꿈 X, 넘치는 텍스트 잘림, 나머지 ...
ellipsis; : 잘린 부분에 ... 표시

---