ant design table td 文字顯示過長添加省略號、ant 文字過長時添加tootip提示

方法1：

1. overflow: hidden;
2.  text-overflow: ellipsis;
3.  display: -webkit-box;
4. -webkit-line-clamp: 2;
5.  -webkit-box-orient: vertical;

 

方法2：　

　　overflow: hidden; 　　text-overflow: ellipsis; 　　white-space: nowrap; 　　display: inline-block; 　　width: 400px;


三、添加toottip 提示

 

代碼以下：

<td>
 <a-tooltip>
 <template slot='title'>
 {{item.projectContent}}
 </template>
 <span class="ecllipsis">
 {{item.projectContent}}
 </span>
 </a-tooltip>
</td>