테이블 셀의 텍스트를 하이픈으로 묶는 방법은 무엇입니까?

Question

text-wrap 및 overflow-wrap CSS 3 속성을 찾았지만 아무 것도하지 않는 것 같습니다.

http://www.w3schools.com/cssref/css3_pr_text-wrap.asp

어떻게 테이블 셀 내에서 하이픈에서 텍스트 줄 바꿈하는? 크롬 14

Answer 1

table-layout:fixed을 사용해야합니다. Chrome 15 및 IE7에서 테스트되었습니다.

HTML :

<table> 
    <tbody> 
    <tr> 
     <td>htqdrs-sdfwwwf-dfaaa-com-bbb-ccc-ddd-eee-fff-kljdfgg</td> 
    </tr> 
    </tbody> 
</table> 

CSS :

 
table {  
    table-layout:fixed; 
    width : 50px; 
    border : 1px solid #000;  
    word-wrap : break-word; 
} 
td { 
    width : 50px; 
}

JS 바이올린 : http://jsfiddle.net/9ZjCy/1/

Answer 2

당신은 제안 (비표준) CSS 3 텍스트 hyphens 재산 원하는에 테스트 :

td { hyphens: manual } 

참고 이것은 단지 supported in FF, Chrome, and Safari; it is unsupported in IE or Opera이다.