wbr (word break opportunity)

설명
줄바꿈이 일어날 수 있을 거 같은 부분에서, 온전히 표현되기를 원할 때 지정.
Primary
content category
flow
phrasing

wbr

줄바꿈이 일어날 수 있을 거 같은 부분에, 끊겨서 보이는 게 싫을 경우 지정.
  • 화면이 커서 다 출력된다면 줄바꿈 하지 않음.
  • 화면이 작아서 끊기게 될 경우에는, 통째로 다음 줄로 넘겨서 끊기지 않도록 함.

언제 쓰나?

  • 긴 단어가 화면을 넘어갈 때, 자동으로 줄 바꿈이 되지 않으면 적절한 위치에서 줄을 나눠주고 싶을 때 사용합니다.
  • 예를 들어, 긴 URL이나 긴 단어들이 화면을 벗어나지 않도록 할 때 유용합니다.
<p>For more information, visit the <wbr>longurlexample.com website.</p>
이 경우, longurlexample.com이 너무 길어서 줄 바꿈이 필요할 경우, <wbr> 위치에서 라인을 끊을 수 있습니다.
notion image