표는 테이블 아주 기본적인 문제에 직면하고있다

Question

오버 플로우 문제가 <td> 세포에 오버 플로우에 텍스트가

문제는 다음과 같은 것이 보이는 지정된 폭에서 흘러이다 :

 
+--------------+ 
| abcdef@hotmai|.com 
+--------------+ 

나는 것을 원하는 오버플로 텍스트에서 다음 줄로 이동합니다. 다음과 같은 것.

 
+--------------+ 
| abcdef@hotmai| 
| .com   | 
+--------------+ 

내가 CSS는 다음과 같은 시도했지만 작업 didnot : 고정 폭 내부에 텍스트를 포장 max-width:20%; table-layout:fixed;

Answer 1

사용 word-wrap CSS 속성을 td

table td { 
    word-wrap: break-word; 
}