table表格中td里面字数太多，禁止换行，并将超出部分隐藏以...代替

css部分

.tables{
width: 100%;
height: 100%;
table-layout: fixed;
}
.table_tit{
white-space: nowrap;  //禁止td换行
overflow: hidden;  //隐藏X,Y滚动条
text-overflow: ellipsis;//将显示不完的以...显示
}

html部分

<table class="tables">
     <tr>
     	<td class="table_tit">2015/6/12讲堂讲堂</td>
     	<td class="table_tit">2015/6/12游戏游戏</td>
     	<td class="table_tit">2015/6/12展博会展博会</td>
     	<td class="table_tit">2015/6/12辅导辅导辅导</td>    			
     </tr>    
  </table>

如果想悬浮显示完整内容的话，需要在<td>标签里面添加一个title="" 属性，值就是你要展示的内容