html - HTML 中的自动行高调整

Question

我想将我的文本包裹在单元格内，以便所有单元格的宽度相等。换行后不应隐藏文本。这是我的 table -

<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/ . table布局使用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>