- 行内样式
<Tooltip max-width="200" content="====内容内容内容====">
<span style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;">
====内容内容内容====
</span>
</Tooltip>
- 外部样式
/*
*Ellipsis 文本自动省略号
*概述
*文本过长自动处理省略号,支持按照文本长度方式截取。
*/
.inco-ivu-ellipsis{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
<Tooltip max-width="200" content="====内容内容内容====">
<span class="inco-ivu-ellipsis">
====内容内容内容====
</span>
</Tooltip>