本文共 1018 字，大约阅读时间需要 3 分钟。

style.css

通过设置css样式，可实现溢出内容以…代替，其中max-width的设置很重要，必须有

/*统一table表格的尺寸*/.ant-table{  table-layout: fixed;}.ant-table-tbody > tr > td {  max-width: 200px;  min-width: 70px;  border-bottom: 0;  /*text-align: center !important;*/  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;  word-break: break-all;}

如果想要实现当鼠标光标滑过时，即可显示出被隐藏内容的效果，可采用如下方式

实例

其中，这段代码便是实现此功能的核心，title值便是指被隐藏的内容

转载地址：http://mqtii.baihongyu.com/