word-wrap && word-break

🐶 word-wrap && word-break

두 속성은 주로 줄바꿈을 위해 사용한다.

✅ word-wrap

• 박스의 가로 영역을 넘친 단어 내에서, 텍스트를 강제로 끊어 줄바꿈을 해주는 속성
  ❗ 비아시아 언어(ex. 영어)의 줄바꿈을 제어한다

🐟 word-wrap 속성 값

• word-wrap: nomal ➡ 기본값. 글자가 길어도 끊어지지 않고 한 줄에 계속 표시
• word-wrap: break-word ➡ 단어 를 기준으로 강제로 끊어서 줄바꿈 함
  
  ❗ 상속 여부 : YES

✅ word-break

• 단어의 분리를 어떻게 할 것인지 결정하는 속성
  ➡ 공백/띄어쓰기를 기준으로 할지, 글자를 기준으로 할지
  ❗ 아시아, 비아시아 언어의 줄바꿈을 모두 제어한다

  🐟 word-break 속성 값

  • word-break: break-all ➡ 글자 단위로 줄바꿈 처리가 됨
    
    ex) (공백/띄어쓰기) 날씨가·좋아요
    ex) (음절/글자) 날·씨·가·좋·아·요·