根据可用空间在TD中显示内容

Question

我有一张表格如下

<c:set var="var1" value="this is text one"/>
<c:set var="var2" value="this is text two"/>
<table>
<tr>
<td width="100%">
<span>${var1} | ${var2} </span>
</td>
</tr>
</table>

问题：
我需要计算TD中的可用空间并根据它显示内容。意思，
1.如果有足够的空间来显示var1和var2，则显示相同的内容 2.如果没有足够的空间来显示var2，则使用省略号截断var2。 （这是照顾..）
3.如果没有足够的空间显示var1，则不要显示var1并仅显示var2。

注意：var1和var2都是可变长度的动态值。

希望下面的图片能让我的问题清楚。

实施例