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"
텍스트가 한글일 경우 띄워쓰기 기준으로 개행된다.

 
* FF3.0 에서는 width 도 넣어줘야 한다.
 


*텍스트제한(강제 줄바꿈방지; 텍스트 길이제한;)

width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

반응형

'PROGRAMMING > HTML' 카테고리의 다른 글

맨위로  (0) 2010.07.16
ime-mode  (0) 2010.05.10
HTML 특수문자 표  (0) 2010.03.10
[IE6] select z-index  (0) 2010.03.08
[html] 오른쪽 마우스 제한 하기  (0) 2009.12.16