单行文本溢出显示省略号

overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

多行文本显示省略号

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

但是你会发现有的浏览器设置上-webkit-box-orient: vertical; 不起作用

解决方式如下

/* autoprefixer: off */  -webkit-box-orient: vertical; // 参考 https://github.com/postcss/autoprefixer/issues/776  /* autoprefixer: on */ 通过腻子来实现生效