一般来说只要有下面几个就可以实现两行省略号的功能,但是在vue项目中有打包后该代码失效的问题,原因是因为autoprefixer的配置原因,将其设置关闭即可
.second-line-clamp{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
一般来说只要有下面几个就可以实现两行省略号的功能,但是在vue项目中有打包后该代码失效的问题,原因是因为autoprefixer的配置原因,将其设置关闭即可
.second-line-clamp{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}