文本超出范围后展示省略号

版权声明：如需转载请参阅《转载说明》 https://blog.csdn.net/automation13/article/details/87289678

• 单行超出范围展示省略号

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

• 多行超出范围后展示省略号（以两行为例）

display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
/* 关闭autoprefixer的自动删除功能，否则-webkit-box-orient会被webpack打包干掉，这是autoprefixer插件的问题 */
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
-webkit-line-clamp: 2;

注意：多行时候的标签需要设置高度