HTML의 자동 행 높이 조정

Question

모든 셀의 너비가 같아 지도록 셀 안쪽에 텍스트를 배치하고 싶습니다. 포장 후 텍스트를 숨기면 안됩니다. 여기 내 테이블이 있습니다.

<table border="2" width="20px"> 
<tr> 
<td>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</td> 
<td>test</td> 
</tr> 
<tr> 
<td>test</td> 
<td></td> 
</tr> 
</table> 

wordwrap:break-word으로 텍스트가 숨겨집니다. 또한 나는 스크롤 바를 원하지 않는다.

출력을 this과 같게하고 싶습니다.

CSS로 어떻게 달성 할 수 있습니까? 올바른 방향으로 나를 가리켜 라.

Answer 1

http://jsfiddle.net/fekSg/. 테이블 레이아웃에 고정을 사용하고 모든 td 요소를 줄 바꿈하십시오.

<style> 
td { 
word-wrap: break-word; 
} 
</style> 
<table border="2" width="100px" style='table-layout:fixed;'> 
<tr> 
<td>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</td> 
<td>test</td> 
</tr> 
<tr> 
<td>test</td> 
<td></td> 
</tr> 
</table>