做一个多行文本溢出效果,原图如下
添加代码后效果如下:
不知道为啥多了一行空行
.scrollItem text{
font-size: 26rpx;
/* 多行文本溢出,省略号代替 */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
源代码如上,未发现错误,一直以为是-webkit-box有啥问题,在网上找了很多,然后把代码改成如下,问题还是没有解决
.scrollItem text{
font-size: 26rpx;
/* 多行文本溢出,省略号代替 */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
text-align: start;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
-webkit-line-clamp: 2;
}
试了好久,最后发现是我的text标签有问题