如何让不换行，超出部分隐藏？

[jun_01]

如下所示：
<table width="300px">
<tr>
<td width="80px">left<br>
<p><a href="">测试链接1-------</a>
<a href="">测试链接2-------</a></p>
</td><td>right</td>
</tr>
</table>

如果让上面的“测试链接1”和“测试链接2”不换行，超出<td>宽度的部分隐藏？

[jun_01]

改进：
<table width="300px">
<tr>
<td width="80px" style="">left<br>
<p style="white-space:nowrap;overflow:hidden;"><a href="">测试链接1-------</a><br>
<a href="">测试链接2-------</a></p>
</td><td>right</td>
</tr>
</table>

以上代码已经可以在firefox实现效果，但ie下没反应，请指教。

[jun_01]

自己搞定了，不用table直接用div

[liuyann]

==== 思想重于技巧 ====

[myvicy]

定义好宽度然后overflow:hidden就可以了，呵呵。
这个帖子对你会有帮助,超出部分将用...来代替.
http://www.style5.cn/network/css-cut-text.html

[jun_01]

-o-text-overflow:ellipsis这个属性不错，不过也有缺点，那样会少显示2个字。只好用title，又会增加网页代码量，影响速度，嘿嘿。