本文主要是介绍多行文本溢出显示省略号，加了padding之后出现省略号但第三行文本依然显示 --- 解决方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
问题：多行文本溢出显示省略号，加了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;}
有更简单方法欢迎指出💐
这篇关于多行文本溢出显示省略号，加了padding之后出现省略号但第三行文本依然显示 --- 解决方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
