首页 > 其他 > 详细

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

时间:2018-09-27 14:51:56      阅读:182      评论:0      收藏:0      [点我收藏+]

 

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时,使用多行超出省略问题

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!