多行文本溢出显示省略号，加了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;
	    }

有更简单方法欢迎指出💐