求td里文字自适应长度的CSS解决办法

求td里文字自适应长度的CSS

如何让TD里的文字自适应当前TD的宽度，超出的截取用 "... "代替.
例如:
<div   class= "f "> ffffffffffffffffffffffffffffff </div>
到网页上边成ffffff..这种效果，显示的长度是根据TD的宽度来决定的。

------解决方案--------------------
<style>
pre {width:300px;height:20px;overflow:hidden;text-overflow:ellipsis;background:#FFCC00;}
</style>
<td> <pre> 也无法很好的控制，因为中jsefhweuwweubneef文英文在内存中都占两个字节 </pre> </td>