文字撑开自适应td，怎么隐藏多余文字，不会撑开表格

Question

页面是用boostrap做的，整个表格是自适应的，表格内的td文字超级长，我想过长的文字变成“...”，然后鼠标悬浮在规定的框内全显，可怎么调文字还是那么长。css无效。
我是这么写的，这要怎么办，求大神提点！！

<%-- ${fn:substring(tEquipment.config, 0, 50)} --%>
${tEquipment.config}

Answer 1

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

}
这样过长的文字就变成...了 想悬浮全部显示,我感觉你还是用js实现吧,悬浮上去的时候显示一个额外的div或者span里边是文字就可以了