텍스트 줄바꿈 처리 속성

2016. 11. 3. 18:23[개발] 지식/CSS

word-break

  • normal : 평소 규칙대로 단어를 분리한다.
  • break-all : 단어가 문자별로 분리되어 단어의 중간에도 줄 바꿈이 된다.
  • keep-all : 문자별로 분리되는 것을 금지한다.

white-space

inherit 상속
normal

 default

nowrap 줄바꿈을 하지 않는다
pre

 <pre>태그와 같은 기능, 마크업에서 엔터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다

pre-line 마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다
pre-wrap pre-line 과 비슷



word-wrap

  • normal : 기본값으로 콘텐츠가 컨테이너 경계를 초과한다.
  • break-word : 콘텐츠가 다음 줄로 넘어가고 필요한 경우 단어 줄 바꿈이 발생한다.


<