添加文本时的转换表单元格宽度

Question

我有一个表格单元格，里面有一些文字。

<td>Text in here</td>

我无法使用CSS设置宽度，因为我不知道同一列中其他单元格中有多少数据。但是，当我的Javascript将新代码插入表格时，我想在CSS中为width属性设置动画。换句话说，当细胞变成这样时：

<td>More Text in here</td>

我希望宽度能够平滑过渡，最好是使用CSS。由于我无法手动设置宽度，因此似乎无法正常工作

td{
    transition: width 0.5s ease;
}

这有一个简单的解决方法吗？或者我是否必须使用Javascript？