td에서 최대 텍스트 행 (줄 바꿈)을 설정하는 방법은 무엇입니까?

Question

<table border="3"> 
     <tr> <td class="table_class">111111 222222 333333 </td> <td class="table_class">234 </td> </tr> 
     <tr> <td class="table_class">2321</td> <td class="table_class">ssS</td> </tr> 
    </table> 

.table_class { 
    width: 20px; 
} 

라이브 예 : http://jsfiddle.net/Nzd9K/

방법 TD 행의 난 "캡처"번호 수 있습니까? 예를 들어 TD에서 최대 2 개의 행을 원하는 경우 substr을 사용할 수는 있지만 이것은 좋지 않습니다. 여분의 텍스트는자를 수 있습니다

Answer 1

각 td 안에 overflow: hidden과 함께 래퍼 div을 추가 할 수 있습니다.

참조 :http://jsfiddle.net/Nzd9K/17/

<td class="table_class"><div>111111 222222 333333</div></td> 

.table_class div { 
    height: 2.5em; /* adjust to taste */ 
    overflow: hidden 
}