小程序中文字超过两行内容,以‘...’结尾

小程序中文字超过两行内容,以‘...’结尾_第1张图片

如图,当内容有多行文字,全部展示影响美观,所以设定当超出两行的话,就以'...'表示

.content text{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

运行结果:

你可能感兴趣的:(微信小程序)