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

voodooer

于 2013-09-05 11:12:50 发布

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Js/Jquery

本文链接：https://blog.youkuaiyun.com/voodooer/article/details/11116623

Js/Jquery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用CSS样式使表格单元格内的文本在超出指定宽度时进行省略显示的方法。通过设置`white-space:nowrap;overflow:hidden;text-overflow:ellipsis;`样式属性，并固定表格布局，可以有效地控制表格单元格中的文本显示，使其不会因内容过长而影响整体布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果如图

代码:

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

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