td百分比显示内容过多以点号(...)显示

最近在做项目中遇到td显示内容过多会把表格撑开.
例如这样

于是本人就去百度查找资料,总结出网友们的答案:

//在td中写入以下样式
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

但是我在td中写入该样式以后依旧不能以点号的形式显示出来.

经过测试之后设置td的固定width内容便可以正确的以点号(…)显示出来.
但如果坚持的要用百分比的内容显示呢.
结果就是

//在table写入该样式
table-layout: fixed;//列宽由表格宽度和列宽度设定

最后在td中加入title=”自己需要的完整内容”
大功告成