使用CSS控制文字溢出

overflow:hidden;
text-overflow:ellipsis;  /*截断文字，显示省略号(...)*/
-o-text-overflow:ellipsis;  /*Opera的专用截断文字的属性*/ 

这样文字内文本溢出的时候显示省略标记(…) 

但是这里还有一个问题..在Table中文字溢出就失效了,就算设置了上面的样式文字也一样把表格撑开,
因为Table中 overflow:hidden 属性不能生效,下面我们在Table上添加一个样式

table-layout:fixed;

将Table 的布局方式改变为固定布局算法可以了