前端css實現只顯示一行或者2行、3行剩余顯示省略號

1、如果是只需要顯示一行+省略號，那么就容易啦

{

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

}

2、如果是需要顯示2行或者更多+省略號

{

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

}