单行超出省略号
display: inline-block;
width: 240px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
多行超出省略号
display: -webkit-box;
width: 240px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
需要注意的是,实现改功能必须给该元素设置宽度。
如果需要鼠标移上去显示全部文本,则
:title="xxx"即可