html - 如何使用插入的数据在 tr 中的 td 上放置动态宽度

Question

我正在使用宽度为 100% 的表格，并且我的表格行包含两个表格数据，如下所示：

<table width="100%" border="1" >
    <tr>
      <td style="width:150px;" class="fontbold fontgrey">Data1 :<span class="fontdgrey">Rs. </span></td>
      <td width="15">&#160;</td>
      <td style="width:200px;" class="fontbold fontgrey">Data2 :<span class="fontdgrey">Rs. </span></td>

    </tr>
</table>  

它的输出是这样的：

数据 1 卢比。数据 2 卢比。

这对我来说很好，但如果我增加文本长度，它就不会像这样以正确的格式出现

InsertedNewData InsertedNewData2
Rs Rs。

所以我想动态增加 td 宽度，用单行插入其中的内容，如下所示：

InsertedNewData Rs.100000 InsertedNewData2 卢比。1000000

我怎样才能做到这一点？

Answer 1

删除style='width:150px;andstyle='width:250px 并且 td 元素变为动态的，因为您的表格元素宽度为 100%