230215 항해99 101일차 word-break, word-wrap

요니링 컴터 공부즁·2023년 2월 27일
0
post-custom-banner

word-break 속성과 word-wrap 속성

  • 두 속성은 주로 줄 바꿈을 위해 사용한다.
  • word-break : 단어의 분리를 어떻게 할 것인지 결정한다.
  • word-wrap : 박스의 가로 영역을 넘친 단어 내에서 임의의 분리 여부를 결정한다.

word-break

  • 줄 바꿈은 허용된 중단점에서 수행(soft wrap opportunity) 되는 것이며, 모든 속성이 기본값이라는 전제하에 줄 바꿈은 대부분의 non-CJK의 경우 ‘공백(띄어쓰기)’에서, CJK의 경우 ‘음절’에서 수행된다. 그리고 word-break 속성으로 중단점의 수행 기회(soft wrap opportunity)를 바꿀 수 있다.
  • word-break의 속성 값은 normal(기본값), break-all, keep-all 이 있다.

word-wrap

  • 넘친 단어를 줄 바꿈 하고 싶다면, word-wrap 속성의 값을 바꾸면 된다.
    이때, 넘친 단어의 임의의 분리는 음절에서 발생하며 white-space 속성이 기본 값(normal)일 때만 적용된다.
  • word-wrap 속성의 값은 normal(기본값), break-word 가 있다.

참조: word-break 속성과 word-wrap 속성 알아보기

post-custom-banner

0개의 댓글