表格td使用百分比宽度超出显示省略号，鼠标悬浮显示完整信息。

1.在td标签中style添加:

white-space:nowrap;/*文本不会换行，在同一行显示*/ 
overflow:hidden;/*超出隐藏 */ 
text-overflow:ellipsis;/*省略号显示*/ 
title=“完整内容” /*鼠标悬浮展示*/

2.如果td不是自适应,在table上添加样式:

table-layout: fixed;/*列宽由表格宽度和列宽度设定。*/ 

例子：

<table  style="table-layout: fixed;width:10%" >
        <td  style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="1.天上的星星不说话，地上的娃娃想妈妈;2.天上的星星不说话，地上的娃娃想妈妈;3.天上的星星不说话，地上的娃娃想妈妈;4.天上的星星不说话，地上的娃娃想妈妈;">
            1.天上的星星不说话，地上的娃娃想妈妈;2.天上的星星不说话，地上的娃娃想妈妈;3.天上的星星不说话，地上的娃娃想妈妈;4.天上的星星不说话，地上的娃娃想妈妈;
        </td>
    </table>

显示出的效果：