如何固定一个TD的宽度

Posted 2023-05-05

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

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

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

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

参考技术A 　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同时使用，只有一个能生效的！ 参考技术B 实现每个列宽度是固定的。并且当横向长度很长时带滚动条。当横向不是很长时给你提供个思路，在表格里套表格：把除第一行和第一列外的td合并，然后在

html 固定的TD表宽度

REF:
http://stackoverflow.com/questions/15115052/bootstrap-how-to-set-up-fixed-width-for-td

<tr class="something">
    <td class="col-md-2">A</td>
    <td class="col-md-3">B</td>
    <td class="col-md-6">C</td>
    <td class="col-md-1">D</td>
</tr>


<tr>
  <td class="col-md-4"><img class="img-responsive" src="<?php echo $thumbnail_url[0]; ?>"><br> Prop Details Link</td>
  <td class="col-md-4"><?php the_field('short_description') ; ?></td>
  <td class="col-md-4 orange_bg"><?php  the_field('sq_ft') ; ?>
      <?php  the_field('office_sq_ft') ; ?>
      <?php  the_field('price') ; ?>
      <?php  the_field('doors') ; ?>
      <?php  the_field('type') ; ?>
  </td>
</tr>