white-space 썸네일형 리스트형 자동줄바꿈 속성 (white-space, word-break, word-wrap, text-overflow) 퍼블리싱을 하다보면 div같은 공간을 설정하고 그 안에 텍스트를 넣는 경우가 많은데요. 그때 유용하게 사용할수 있는 자동줄바꿈 형식에 대해서 알아보려고 합니다. white-space 띄어쓰기나 줄바꿈, 탭으로 인한 공백 등의 공백문자를 처리하는 방법 설정. white-space:normal; /*white-space 기본값으로 연속 공백과 줄바꿈 등을 통합해서 표현*/ /*보통 띄어쓰기와 줄바꿈을 몇번 하든지 결과는 띄어쓰기 한칸 인것처럼 적용*/ white-space:pre; /*normal과 반대로 원문 그대로 출력*/ white-space:nowrap; /*공백은 nomal, 줄바꿈은 pre*/ white-space:inherit; /*부모요소의 값을 상속*/ word-break 텍스트가 들어가는 .. 이전 1 다음