0

すべてのセルの幅が等しくなるように、テキストをセル内で折り返したいと思います。折り返し後にテキストを非表示にしないでください。これが私のテーブルです-

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

を使用wordwrap:break-wordすると、テキストが非表示になります。また、スクロールバーは必要ありません。

このように出力したい。

それはCSSでどのように達成できますか？私を正しい方向に向けてください。

4

1 に答える 1

0

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>
于 2012-04-25T15:51:35.513 に答える