将td中文字过长的部分变成省略号显示的小技巧

       不知道大家在写一些项目的时候有没有遇见这种需求。有时候我们需要将一行数据多余的部分转变成小点点显示，这样不至于因为数据太多影响外观，可以让数据在一行显示。

接下来就分别介绍在div和table两种情况下的效果实现

首先设置表格的样式table-layout："fixed"（这步是前提）

 table {width:100%;table-layout:fixed;}

然后设置tr的宽高

table tr {width:100%;height:30px;}

最后设置td

table tr td {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

这样子就ok了！！！