PROGRAMMING/HTML
[css] word-wrap:break-word
OJR
2010. 4. 5. 20:03
Bug: 영문을 띄어쓰기 없이 길게 쓸경우 줄바꿈이 안된다.
해결방법
word-break
style="word-break:break-all"
특수문자를 제외하고 강제 줄바꿈
style="word-wrap:break-word"
특수문자를 포함하고 강제 줄바꿈
style="word-break:nowrap"
width를 지정하였지만 개행이 되지 않기를 원할때 사용.
style="word-break:keep-all"
텍스트가 한글일 경우 띄워쓰기 기준으로 개행된다.
*텍스트제한(강제 줄바꿈방지; 텍스트 길이제한;)
해결방법
word-break
style="word-break:break-all"
특수문자를 제외하고 강제 줄바꿈
style="word-wrap:break-word"
특수문자를 포함하고 강제 줄바꿈
style="word-break:nowrap"
width를 지정하였지만 개행이 되지 않기를 원할때 사용.
style="word-break:keep-all"
텍스트가 한글일 경우 띄워쓰기 기준으로 개행된다.
* FF3.0 에서는 width 도 넣어줘야 한다.
*텍스트제한(강제 줄바꿈방지; 텍스트 길이제한;)
width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
[출처] 자주쓰는 Html 태그 정리|작성자 제이디양