css:文字溢出的部分隐藏并用省略号代替

<style type="text/css">
    .text {
        width: 100%;
        height: 20px;
        overflow:hidden;
        text-overflow:ellipsis;/*文字溢出的部分隐藏并用省略号代替*/
        white-space:nowrap;}/*文本不自  动换行*/  
</style>




<td class="Page_TableText_Wrap" title="<ww:property value="wsnrstr"/>" >
                       <div  class="text"    ><ww:property value="wsnrstr"/>   </div>
                    </td>


示例如下：