表格超出部分省略号显示，鼠标悬浮显示全部

wooden_people

于 2019-03-23 15:42:44 发布

阅读量789

点赞数

分类专栏：学习随笔

本文链接：https://blog.youkuaiyun.com/wooden_people/article/details/88762185

版权

8 篇文章

订阅专栏

本文介绍了一种表格数据显示优化的方法，通过使用特定的CSS样式实现当内容超出单元格宽度时以省略号显示，并提供完整内容的悬浮提示。这种方法能够提升用户体验，特别是在面对大量数据展示时。

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

<td style="overflow: hidden;//超出部分不显示
text-overflow:ellipsis;//超出部分显示省略号
white-space:nowrap;" //不换行
title="名称"//鼠标悬浮显示全部
>名称</td>