一个表格控制难题

问题描述：

在<td>之间有2个<span>，我需要控制<td>为固定宽度（不会随<span>之间的文字长度而变宽），并且要不换行（多余的文字可以不显示出来），请解决一下，万分感激

代码：

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td width="90%" valign="bottom" background="images/top_bg.gif" class="wh"><span id="staffNameSpan" class="bl">测试1测试1测试1测试1测试1测试1测试1测试1测试1</span><span id="hello_IP">测试测试测试测试测试测试测试测试测试测试测试测试</span><span id='staffOrgPathName'></span></td>
  </tr>
</table>

写个JS,控制一下长度,多余的就用省略号代替

我是想用样式来控制