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

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