HTMLの自動行の高さ調整

Question

すべてのセルの幅が等しくなるように、セル内にテキストを折り返したいと思っています。折り返した後、テキストを隠すべきではありません。ここに私の卓上wordwrap:break-wordで

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

だ、テキストが隠されてきています。また、私はスクロールバーを望んでいません。

thisのように出力します。

CSSでどのように達成できますか？私を正しい方向に向ける。

Answer 1

http://jsfiddle.net/fekSg/。テーブルレイアウトにfixedを使用して、すべての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>