怎样使td中的文本正好适应td的大小？

Question

用这个css试一下
td,table,tr { word-wrap: break-word; table-layout:fixed;} 这样之后,表格就不会被撑开了

Answer 1

<table width="580">
<tr align="left">
<td height="20" width="28" align="center">aa</td>
<td height="20" width="78" align="center">bb</td>
<td height="20" width="58" align="center">cc</td>
<td height="20" width="248"align="left">ddddddddddddddd</td>
<td height="20" width="78" align="center">ee</td>
</tr>
</table>
最后一列需要隐藏。
我试过隐藏后设置第3列的宽度为248+78，不行。

Answer 2

<table width=300 border=1>
    <tr>
        <td>00000</td>
        <td>11111</td>
        <td>222222222222</td>
        <td style="word-break: break-all;">33333333333</td>
        <td onclick="this.style.display='none';">44</td>
    </tr>
</table>

Answer 3

<STYLE>
    .vis1 { visibility:visible }
    .vis2 { visibility:hidden }
</STYLE>
<table width="580">
<tr align="left">
<td height="20" width="28" align="center">aa</td>
<td height="20" width="78" align="center">bb</td>
<td height="20" width="58" align="center">cc</td>
<td height="20" width="248"align="left">ddddddddddddddd</td>
<td onclick="this.className='vis2';">ee</td>
</tr>
</table>

Answer 4

<STYLE>
    .vis1 { visibility:visible }
    .vis2 { visibility:hidden }
</STYLE>
<table width="580">
<tr align="left">
<td height="20" width="28" align="center">aa</td>
<td height="20" width="78" align="center">bb</td>
<td height="20" width="58" align="center">cc</td>
<td height="20" width="58" align="left" style="word-break: break-all;">dddddddddddddddeeeeeee</td>
<td height="20" width="58" onclick="this.className='vis2';">ee</td>
</tr>
</table>

Answer 5

使用如下方式即可。
<table width="580">
<tr align="left">
<td height="20" width="28" align="center" nowrap>aa</td>
<td height="20" width="78" align="center" nowrap>bb</td>
<td height="20" width="58" align="center" nowrap>cc</td>
<td height="20" width="100%"align="left">ddddddddddddddd</td>
<td height="20" width="78" align="center" nowrap>ee</td>
</tr>
</table>