javascript - 调整 td 中动态加载的内容而不换行

Question

将数据动态加载到表的 TD 后，值会跳转到换行符，而不是增加 TD 的大小。

<table>
  <tr>
  <td style="width:250px">
  <div>
    <b>My Value is :</b>
    <span class="ass">0,00</span>
  </div>
  <i style="color:grey" class="fa fa-refresh"><span class="mo">Click refresh</span></i>
 </td>
  <td >
 <button value="Submit" class="button success " type="button" name="Management" id="Management">
  Refresh <i class="fa fa-refresh"></i>
</button>
  <button value="Submit" class="button success " type="button" name="Management1" id="Management1">
  Revert Back <i class="fa fa-refresh"></i>
 </button>
 </td>
</tr>
</table>

<span class="daal"></span>

fiddle 供引用:https://jsfiddle.net/3t6o1kor/

HTML/CSS 有没有办法不创建新行，而是扩展 TD 来调整新文本？

Answer 1

问题是您的 td 大小是固定的。解决办法有两种:

• 您可以将 td 宽度更改为 350 像素，因为该值不适合 250 像素。
• 另一个选项是删除宽度。在这种情况下，td 会增加大小。