问题:多行文本溢出显示省略号,加了padding之后第二行出现省略号但是第三行文本依然显示
navigator{
position: relative;
padding:20rpx 0;
border-bottom:1px solid #ccc;
font-size: 14px;
line-height: 1.5;
letter-spacing: 1px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
解决方案:加一个空白盒子挡住
navigator::after {
position: absolute;
content: '';
height: 20rpx;
bottom: 0px;
left: 0px;
right: 0px;
background: #fff;
}
有更简单方法欢迎指出💐