CSS省略号n行公式

 记得改图中的n,这是你需要的几行省略号!复制中间的5行就行了。

.text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: n;           //n为你想省略的行数,需要改
  -webkit-box-orient: vertical;
}

CSS省略号n行公式_第1张图片

这是两行省略号的效果!

你可能感兴趣的:(小程序,css,前端,javascript)