-- CSS
레이어의 넓이보다 레이어 밖으로 텍스트가 넘어갈 때
어린왕자악꿍
2013. 12. 23. 19:19
300px의 넓이를 지정한 레이어가 있다고 할 때, 한글의 경우 300px의 넓이로 아래로 wrap된다.
그러나, 영문을 연이어 쓸 경우 레이어의 넓이를 벗어나서 표현되고 만다.
이럴 경우 word-break:break-all을 해주면 한글과 마찬가지로 wrap된다.
<div style="width:300px; word-break:break-all">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbcccccccccccccccccccccccccccddddddddddddddddddddddddd
</div>
Value |
Description |
normal |
Break words according to their usual rules |
break-all |
Lines may break between any two letters |
keep-all |
Breaks are prohibited between pairs of letters |