HTML wbr 태그

1 개요

HTML wbr 태그

• "Word Break→ 단어 개행" 태그
• 단어가 길 때, 해당 지점에서 개행이 될 수 있도록 함

개행이 되는 상황이 아니라면, <wbr>이 없는 것과 같음

<style>
.box {
  width: 100px;
  background: orange;
}
</style>

<div class='box'>
  안녕 친구들 VeryLongWord
</div>
<br>
<div class='box'>
  안녕 친구들 Very<wbr>Long<wbr>Word
</div>
<br>
<div class='box'>
  안녕 친구들 Very<wbr>L<wbr>o<wbr>n<wbr>g<wbr>W<wbr>o<wbr>r<wbr>d
</div>

2 같이 보기

• CSS word-break 속성
• HTML br 태그

3 참고

• http://www.w3schools.com/tags/tag_wbr.asp