word-wrap:break-word; (-ing)

영어 텍스트를 깨주기 위해 쓰임.


* 참고로 기존에 쓰이던 소스 : word-break:break-all; 



# Reference

[2010.6.15] 퍼센트로 width를 잡은 테이블 안에서는 안 깨지고 테이블이 같이 늘어남...(ff)

[2010.6.16] word-wrap:break-word; 테이블 안 한글에서 문제생김.
 

└ 해결방안 :  td 안에 div를 넣고 width를 다시 잡아주기. ul로 마크업이 되어있을 때는 ul에 width 값을 줌.
                    즉, block요소에 width값이 없어서 바깥쪽에 있던 테이블에 영향을 미쳤던 현상. 
                !!!!꼭 width를 줄 것.!!!!

[2010.6.16] word-wrap:break-word;  ie에서 좌우로 공간생김.

[2010.8.20:삼성SDS 공간 - 게시판view작업 중]
word-wrap:break-word;만 썼을때 ie6에서는 먹지 않음.
word-break:break-all;만 쓰면 파폭에서 문제.
→(방안) 글을 쓰는 공간에 width를 준 상태에서 두개를 같이 써줌... 단, width를 딱 맞게 주면 위에 테이블이 늘어나서 문제생김. 임시로 width 여유를 2px정도 줌.

CSS3
word-wrap:break-word;
word-break:break-all;

넘치는 부분 자르기

overflow:hidden;

넘치는 부분을 말줄임(...)하기

text-overflow:ellipsis;