使用vue-cli时，使用多行超出省略问题

标签：div   spl   hid   over   Fix   span   cal   bsp   存在   

div{

　　overflow : hidden;

　　text-overflow: ellipsis;

　　display: -webkit-box;

　　-webkit-line-clamp: 2;

　　-webkit-box-orient: vertical;

}

正常的多行省略，但在使用vue-cli时，-webkit-box-orient: vertical 这个属性在本地运行是存在的，但是打包后放到线上这个属性消失了；

解决办法：

div{
　　overflow: hidden;
　　text-overflow: ellipsis;
　　display: -webkit-box;
　　-webkit-line-clamp: 2;
　　/*! autoprefixer: off */
　　-webkit-box-orient: vertical;
　　/* autoprefixer: on */
}

使用vue-cli时，使用多行超出省略问题

标签：div   spl   hid   over   Fix   span   cal   bsp   存在   

原文地址：https://www.cnblogs.com/RLflash/p/9712870.html