Question

如何固定一个TD的宽度

一个表格，一行两列（就是横着的日字形

左侧用来显示ajax结果，有多少字不知道，

求解：
TD宽度固定（20%、200px、、），不管服务器返回什么，显示进去都不会扩大TD的大小，过长的行不自动换行，溢出的内容全部隐藏。

Answer 1

table宽度自适应，而且部分TD是固定宽度。

只需要将固定宽设死，留下一列不设置宽度，将table宽度设置为100%。

<table width="100%" border="1" cellpadding="0" cellspacing="0" style="table-layout:fixed">

<tr>

<td width="50">10</td>

<td width="50">20</td>

<td width="50">30</td>

<td width="50">40</td>

<td width="100">50</td>

<td> </td>

</tr>

<tr>

<td>宽度50</td>

<td>宽度多多余</td>

<td>宽度多余100想要换行</td>

<td> </td>

<td> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

</tr>

</table>

扩展资料

td 标签 -- 代表HTML表格中的一个单元格。

* td标签是成对出现的,以<td>开始,</td>结束

<table border="1">

<tr> <th> Month </th> <th> Savings </th> </tr>

<tr> <td> January </td> <td> $100 </td> </tr>

</table>

参考资料：百度百科-TD

Answer 2

　table的样式添加table-layout:fixed;例子如下
<table id="codeDescriptionTab" width="800" style="table-layout:fixed;" >
<tr>
<td width="100">
</td>
<td width="200">
</td>
<td width="300">
</td>
<td>
剩下的自动咯！
</td>
<tr/>
</table>
TIPS: nowrap 和width同时使用，只有一个能生效的！

Answer 3

实现每个列宽度是固定的。并且当横向长度很长时带滚动条。当横向不是很长时给你提供个思路，在表格里套表格：把除第一行和第一列外的td合并，然后在