一般来说只要有下面几个就可以实现两行省略号的功能,但是在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;
}
本文标题:vue两行文本省略打包后失效的问题
本文链接:https://www.haomeiwen.com/subject/lgpkzqtx.html
网友评论