css样式实现table中的超长字符串用省略号表示

这篇文章主要介绍“css样式实现table中的超长字符串用省略号表示”，在日常操作中，相信很多人在css样式实现table中的超长字符串用省略号表示问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”css样式实现table中的超长字符串用省略号表示”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

效果如图
 
代码:

代码如下:

<style>
table td{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
table {table-layout:fixed;}
</style>

注意!给TD指定宽度(否则宽度自动分配,达不到理想的效果).

到此，关于“css样式实现table中的超长字符串用省略号表示”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！