display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
注意:
1、要固定高度
2、在vue项目中使用webpack打包之后,-webkit-box-orient vertical 这行代码就自动消失了,没法实现文字溢出显示省略号的效果,需要在 -webkit-box-orient:vertical;上下加上两行注释
/* ! autoprefixer: off */
-webkit-box-orient:vertical;
/* autoprefixer: on */
附:
要实现鼠标移上去会显示全部内容,在标签中加上 title=“全部内容” 即可