text-overflow 属性问题

[msdn47]

通过text-overflow 属性让过长的文本最后部分显示为省略号，这个没问题。但是我的td是用js方法写的可以拉长的。这样导致拉长以后文本框是足够长了，文字还是没显示全。。求大神帮忙给个解决思路。

[步慢生错]

我试了下，没问题啊

<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
<style>
   .test {
    white-space:nowrap;
    width:120px;
    overflow:hidden;
    border:1px solid #000000;
    text-overflow:ellipsis;

   }
</style>
        <script>
            $(function(){
                $("#b").click(function(){

                    $(".test").width( $(".test").width()+10)
                })
            })
        </script>
        <table style="table-layout:fixed;width: 90%"><tr>


<td class="test">哇鹅防阿我师父阿萨德佛撒代购是打怪的撒个打算勾搭广东省高大范甘迪飞个大概sfasdgasgasdgagaga </td><td >sdf</td>
        </tr></table>
        <button id="b">点我加长</button>

另外我的想法是这样的: js拉长时， 用js设置text-overflow :clip 拉长完毕之后再设置text-overflow:ellipsis 试试。 要是不行就只好