限制文本的高度，却依然阻挡不了文字想要逃离的心

Question

绿色区域为padding，overflow都没有用 .cs-list-txt-3{line-height:1.5;height:4rem;padding:0.5rem 0.4rem;box-sizing:border-box;font-size:0.58rem;color:#fff;text-align:left;background-color:#888;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

Answer 1

因为你是padding:0.5rem 0.4rem;,所以文字是当不住的，至于overflow更是不行，overflow是超出隐藏，而padding是包含在内的。

你可以把下padding-bottom设置为0；

或者把padding换成margin